li {
  list-style: none; }
body {
  width: 100%;
  overflow: hidden;
  height: auto;
  margin: 0; }
a, select, textarea, input, button, html, body, div, ul, li {
  tap-highlight-color: transparent !important; }
textarea, input {
  padding: 0;
  margin: 0; }
.w1200 {
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 1300px) {
    .w1200 {
      width: 94%; } }
.w1400 {
  max-width: 1400px;
  width: 72.92%;
  margin: 0 auto; }
  @media (max-width: 1500px) {
    .w1400 {
      width: 90%; } }
  @media (max-width: 1300px) {
    .w1400 {
      width: 94%; } }
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0; }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1; } }
@font-face {
  font-family: 'impact';
  src: url("../other/impact.eot");
  src: url("../other/impact.eot") format("embedded-opentype"), url("../other/impact.woff2") format("woff2"), url("../other/impact.woff") format("woff"), url("../other/impact.ttf") format("truetype"), url("../other/impact.svg#impact") format("svg"); }
@font-face {
  font-family: 'PERTILI';
  src: url("../other/PERTILI.eot");
  src: url("../other/PERTILI.eot") format("embedded-opentype"), url("../other/PERTILI.woff2") format("woff2"), url("../other/PERTILI.woff") format("woff"), url("../other/PERTILI.ttf") format("truetype"), url("../other/PERTILI.svg#PERTILI") format("svg"); }
@font-face {
  font-family: 'BKANT';
  src: url("../other/BKANT.eot");
  src: url("../other/BKANT.eot") format("embedded-opentype"), url("../other/BKANT.woff2") format("woff2"), url("../other/BKANT.woff") format("woff"), url("../other/BKANT.ttf") format("truetype"), url("../other/BKANT.svg#BKANT") format("svg"); }
@font-face {
  font-family: 'RFF2BLV';
  src: url("../other/RFF2BLV.eot");
  src: url("../other/RFF2BLV.eot") format("embedded-opentype"), url("../other/RFF2BLV.woff2") format("woff2"), url("../other/RFF2BLV.woff") format("woff"), url("../other/RFF2BLV.ttf") format("truetype"), url("../other/RFF2BLV.svg#RFF2BLV") format("svg"); }
@font-face {
  font-family: 'AvantG';
  src: url("../other/AvantGardeITCbyBTBook.eot");
  src: url("../other/AvantGardeITCbyBTBook.eot") format("embedded-opentype"), url("../other/AvantGardeITCbyBTBook.woff2") format("woff2"), url("../other/AvantGardeITCbyBTBook.woff") format("woff"), url("../other/AvantGardeITCbyBTBook.ttf") format("truetype"), url("../other/AvantGardeITCbyBTBook.svg#AvantGardeITCbyBTBook") format("svg"); }
@font-face {
  font-family: 'HELVETICABOLD';
  src: url("../other/HELVETICABOLD.eot");
  src: url("../other/HELVETICABOLD.eot") format("embedded-opentype"), url("../other/HELVETICABOLD.woff2") format("woff2"), url("../other/HELVETICABOLD.woff") format("woff"), url("../other/HELVETICABOLD.ttf") format("truetype"), url("../other/HELVETICABOLD.svg#HELVETICABOLD") format("svg"); }
.swiper-slide {
  min-height: 0 !important; }
.banner_ll {
  width: 100%;
  height: 540px;
  overflow: hidden; }
  @media (min-width: 1024px) {
    .banner_ll {
      transform: translateY(-200px);
      opacity: 0;
      transition: all 0.5s;
      filter: alpha(opacity=0); }
      .banner_ll.animate {
        transform: translateY(0%);
        opacity: 1;
        filter: alpha(opacity=100); } }
  .banner_ll .text_box {
    height: 100%; }
    .banner_ll .text_box .tab {
      width: 100%;
      height: 100%;
      display: table; }
      .banner_ll .text_box .tab .tab_cell {
        display: table-cell;
        vertical-align: middle; }
        .banner_ll .text_box .tab .tab_cell .txt_box .ti {
          font-size: 150px;
          color: #fff;
          font-weight: bold;
          display: inline-block;
          vertical-align: middle;
          font-family: 'HELVETICABOLD';
          line-height: 110px; }
        .banner_ll .text_box .tab .tab_cell .txt_box .txt {
          margin-left: 12px;
          display: inline-block;
          vertical-align: bottom; }
          .banner_ll .text_box .tab .tab_cell .txt_box .txt .en_tit {
            font-size: 18px;
            color: #fff;
            line-height: 20px;
            font-family: Arial; }
          .banner_ll .text_box .tab .tab_cell .txt_box .txt .txt_cn {
            font-size: 48px;
            color: #fff;
            padding-top: 7px;
            line-height: 48px; }
  @media (max-width: 1200px) {
    .banner_ll {
      height: 450px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .ti {
        font-size: 130px;
        line-height: 90px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .txt {
        margin-left: 6px; }
        .banner_ll .text_box .tab .tab_cell .txt_box .txt .txt_cn {
          font-size: 40px;
          line-height: 40px;
          padding-top: 5px; } }
  @media (max-width: 1024px) {
    .banner_ll {
      height: 400px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .ti {
        font-size: 110px;
        line-height: 70px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .txt .en_tit {
        font-size: 16px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .txt .txt_cn {
        font-size: 30px;
        line-height: 30px;
        padding-top: 5px; } }
  @media (max-width: 500px) {
    .banner_ll {
      height: 300px;
      background-position: 60% center !important; }
      .banner_ll .text_box .tab .tab_cell .txt_box .ti {
        font-size: 110px;
        line-height: 70px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .txt .en_tit {
        font-size: 16px; }
      .banner_ll .text_box .tab .tab_cell .txt_box .txt .txt_cn {
        font-size: 30px;
        line-height: 30px;
        padding-top: 5px; } }
.classification {
  width: 100%;
  height: 60px;
  border-bottom: 1px solid #e1e1e1;
  background: #f6f6f6; }
  @media (min-width: 1024px) {
    .classification {
      transform: perspective(800px) rotateX(-90deg);
      transform-style: preserve-3d;
      transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.2s;
      transform-origin: top center;
      opacity: 0;
      filter: alpha(opacity=0); }
      .classification.animate {
        transform: perspective(800px) rotateX(0deg);
        opacity: 1;
        filter: alpha(opacity=100); } }
  .classification .classification_cen {
    text-align: center;
    display: block;
    height: 100%; }
    .classification .classification_cen a {
      display: inline-block;
      font-size: 14px;
      color: #555;
      height: 100%;
      text-decoration: none;
      padding: 0 25px;
      text-align: center;
      line-height: 60px;
      transition: all 0.5s; }
      @media (min-width: 1024px) {
        .classification .classification_cen a:hover {
          background: #0075c1;
          color: #fff; } }
      .classification .classification_cen a.active {
        background: #0075c1;
        color: #fff; }
  @media (max-width: 1024px) {
    .classification {
      display: none; } }
.swiper_classification {
  width: 100%;
  height: 60px;
  background: #f6f6f6;
  display: none;
  position: relative;
  z-index: 100; }
  @media (max-width: 1024px) {
    .swiper_classification {
      display: block; } }
  .swiper_classification .swiper-container .swiper-wrapper .swiper-slide:last-child {
    background: none; }
  .swiper_classification .swiper-container .swiper-wrapper .swiper-slide {
    background: url(../images/l.png) no-repeat right center;
    background-size: 1px 20px;
    width: 300px; }
    @media (max-width: 650px) {
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide {
        width: 200px; } }
    @media (max-width: 500px) {
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide {
        background-size: 1px 12px;
        width: 120px; } }
    .swiper_classification .swiper-container .swiper-wrapper .swiper-slide.active a .txt {
      color: #0075c1; }
    .swiper_classification .swiper-container .swiper-wrapper .swiper-slide.active a .border {
      transform: scaleX(1);
      transform-origin: left center; }
    .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a {
      display: block;
      text-align: center;
      position: relative; }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .border {
        width: 100%;
        height: 3px;
        position: absolute;
        bottom: 0;
        left: 0;
        transform-origin: right center;
        transform: scaleX(0);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        background: #0075c1; }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .txt {
        font-size: 16px;
        color: #888;
        line-height: 60px;
        margin: 0 3px;
        display: inline-block;
        transition: all 0.3s;
        vertical-align: middle; }
  @media (max-width: 600px) {
    .swiper_classification {
      height: 50px; }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .border {
        height: 2px; }
      .swiper_classification .swiper-container .swiper-wrapper .swiper-slide a .txt {
        font-size: 14px;
        line-height: 50px; } }
.classification2 {
  width: 100%;
  height: 60px;
  background: #f6f6f6;
  display: none;
  position: relative;
  z-index: 100; }
  @media (max-width: 1024px) {
    .classification2 {
      display: block; } }
  .classification2 a:last-child {
    background: none; }
  .classification2 a {
    display: block;
    text-align: center;
    position: relative;
    width: 33.33%;
    float: left;
    background: url(../images/l.png) no-repeat right center;
    background-size: 1px 20px; }
    @media (max-width: 500px) {
      .classification2 a {
        background-size: 1px 12px; } }
    .classification2 a.active .txt {
      color: #0075c1; }
    .classification2 a.active .border {
      transform: scaleX(1);
      transform-origin: left center; }
    .classification2 a .border {
      width: 100%;
      height: 2px;
      position: absolute;
      bottom: 0;
      left: 0;
      transform-origin: right center;
      transform: scaleX(0);
      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
      background: #0075c1; }
    .classification2 a .txt {
      font-size: 16px;
      color: #888;
      line-height: 60px;
      margin: 0 3px;
      display: inline-block;
      transition: all 0.3s;
      vertical-align: middle; }
  @media (max-width: 600px) {
    .classification2 {
      height: 50px; }
      .classification2 a .border {
        height: 2px;
        margin: 0; }
      .classification2 a .txt {
        margin: 0;
        font-size: 14px;
        line-height: 50px; } }
.title_box {
  text-align: center; }
  @media (min-width: 1024px) {
    .title_box {
      transform: translateY(-80px);
      opacity: 0;
      filter: alpha(opacity=0);
      transition: all 0.5s; }
      .title_box.animate {
        transform: translateY(0px);
        opacity: 1;
        filter: alpha(opacity=100); } }
  .title_box .cn {
    font-size: 36px;
    color: #333;
    font-weight: bold;
    line-height: 46px; }
  .title_box .en {
    font-size: 24px;
    text-transform: Uppercase;
    color: #999;
    line-height: 30px;
    font-family: 'BKANT'; }
  @media (max-width: 1300px) {
    .title_box .cn {
      font-size: 32px;
      line-height: 42px; }
    .title_box .en {
      font-size: 20px;
      line-height: 26px; } }
  @media (max-width: 1024px) {
    .title_box .cn {
      font-size: 28px;
      line-height: 34px; }
    .title_box .en {
      font-size: 16px;
      line-height: 24px; } }
  @media (max-width: 500px) {
    .title_box .cn {
      font-size: 24px;
      line-height: 30px; }
    .title_box .en {
      font-size: 14px;
      line-height: 24px; } }
.fl {
  float: left; }
.fr {
  float: right; }
.main_ll {
  padding-top: 10px; }
  @media (max-width: 1024px) {
    .main_ll {
      padding-top: 60px; } }
  .main_ll.contact .contact_box {
    height: 780px;
    width: 100%;
    overflow: hidden; }
    @media (min-width: 1024px) {
      .main_ll.contact .contact_box #map {
        transform: translateY(-100%);
        opacity: 0;
        transition: all 0.5s; }
        .main_ll.contact .contact_box #map.animate {
          opacity: 1;
          transform: translateY(0); }
      .main_ll.contact .contact_box .message {
        transform: translateY(100%);
        opacity: 0;
        transition: all 0.5s; }
      .main_ll.contact .contact_box.animate #map, .main_ll.contact .contact_box.animate .message {
        transform: translateY(0%);
        opacity: 1; } }
    .main_ll.contact .contact_box #map {
      width: 58%;
      height: 100%;
      border-top: 1px solid #cfdde3;
      border-bottom: 1px solid #cfdde3;
      box-sizing: border-box;
      float: left; }
      .main_ll.contact .contact_box #map .anchorBL {
        display: none; }
    .main_ll.contact .contact_box .message {
      width: 42%;
      float: left;
      background: #0075c1;
      height: 100%;
      padding: 0 3.6%;
      box-sizing: border-box; }
      .main_ll.contact .contact_box .message .tab {
        display: table;
        width: 100%;
        height: 100%; }
        .main_ll.contact .contact_box .message .tab .tab_cell {
          display: table-cell;
          vertical-align: middle; }
          .main_ll.contact .contact_box .message .tab .tab_cell .title {
            padding-bottom: 24px;
            border-bottom: 1px solid #3391cd; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
              font-size: 36px;
              color: #fff;
              font-weight: bold;
              line-height: 46px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .en {
              font-size: 20px;
              color: #fff;
              line-height: 30px;
              font-family: 'BKANT'; }
          .main_ll.contact .contact_box .message .tab .tab_cell .ms {
            padding-top: 15px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .ms > div {
              font-size: 16px;
              color: #fff;
              line-height: 30px;
              margin-top: 8px;
              padding-left: 37px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.address {
                background: url(../images/address.png) no-repeat left center; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.tel {
                background: url(../images/tel.png) no-repeat left center; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.fax {
                background: url(../images/fax.png) no-repeat left center; }
              .main_ll.contact .contact_box .message .tab .tab_cell .ms > div.email {
                background: url(../images/email.png) no-repeat left center; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online {
            margin-top: 70px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .ti {
              font-size: 20px;
              color: #fff;
              border-bottom: 1px solid #3391cd;
              padding-bottom: 15px;
              font-weight: bold;
              line-height: 32px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
              margin-top: 27px;
              overflow: hidden; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
                width: 46.2%; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box label {
                  display: block;
                  float: left;
                  font-size: 14px;
                  color: #fff;
                  line-height: 36px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
                  width: 82%;
                  height: 36px;
                  float: right;
                  line-height: 36px;
                  font-size: 14px;
                  padding: 0;
                  margin: 0;
                  color: #fff;
                  border: 0 none;
                  text-indent: 1em;
                  box-sizing: border-box;
                  background: #0064a4; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea {
              overflow: hidden;
              width: 100%;
              height: auto;
              margin-top: 15px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea label {
                display: block;
                float: left;
                font-size: 14px;
                color: #fff;
                line-height: 36px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
                width: 91.7%;
                height: 100px;
                float: right;
                text-indent: 1em;
                line-height: 24px;
                resize: none;
                padding-top: 5px;
                font-size: 14px;
                margin: 0;
                color: #fff;
                box-sizing: border-box;
                border: none;
                background: #0064a4; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
              width: 120px;
              height: 36px;
              display: block;
              border: none;
              margin-left: 8.3%;
              background: #fff;
              margin-top: 17px;
              cursor: pointer;
              font-size: 14px;
              color: #666;
              line-height: 36px;
              text-align: center; }
    @media (max-width: 1500px) {
      .main_ll.contact .contact_box {
        height: 700px; }
        .main_ll.contact .contact_box .message {
          padding: 0 3%; }
          .main_ll.contact .contact_box .message .tab .tab_cell .title {
            padding-bottom: 15px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
              font-size: 32px;
              line-height: 42px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .title .en {
              font-size: 16px;
              line-height: 26px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .ms {
            padding-top: 10px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .ms > div {
              font-size: 15px;
              line-height: 28px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online {
            margin-top: 50px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .ti {
              padding-bottom: 10px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
              margin-top: 20px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
                width: 80%; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
              width: 90.6%; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
              margin-left: 9.4%;
              margin-top: 15px; } }
    @media (max-width: 1300px) {
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
        width: 48%; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
          width: 75%; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
        width: 88%; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
        margin-left: 12%;
        width: 100px;
        height: 30px;
        line-height: 30px; } }
    @media (max-width: 1024px) {
      .main_ll.contact .contact_box {
        height: auto; }
        .main_ll.contact .contact_box #map {
          height: 500px;
          width: 100%;
          float: none; }
        .main_ll.contact .contact_box .message {
          height: auto;
          width: 100%;
          float: none;
          padding: 30px 5%; }
          .main_ll.contact .contact_box .message .tab {
            display: block; }
            .main_ll.contact .contact_box .message .tab .tab_cell {
              display: block; }
              .main_ll.contact .contact_box .message .tab .tab_cell .title {
                padding-bottom: 15px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
                  font-size: 28px;
                  line-height: 34px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .title .en {
                  font-size: 16px;
                  line-height: 24px; }
              .main_ll.contact .contact_box .message .tab .tab_cell .online {
                margin-top: 40px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .ti {
                  padding-bottom: 10px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
                  margin-top: 20px; }
                  .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
                    width: 80%;
                    float: left;
                    margin-left: 10px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
                  width: 90.6%;
                  float: left;
                  margin-left: 10px; }
                .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
                  margin-left: 53px;
                  margin-top: 15px; } }
    @media (max-width: 655px) {
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
        width: 48%; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
          width: 75%; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
        width: 88%; } }
    @media (max-width: 500px) {
      .main_ll.contact .contact_box #map {
        height: 300px; }
      .main_ll.contact .contact_box .message .tab .tab_cell .title {
        padding-bottom: 10px; }
        .main_ll.contact .contact_box .message .tab .tab_cell .title .cn {
          font-size: 24px; }
      .main_ll.contact .contact_box .message .tab .tab_cell .ms {
        padding-top: 10px; }
        .main_ll.contact .contact_box .message .tab .tab_cell .ms > div {
          font-size: 14px;
          line-height: 26px; }
      .main_ll.contact .contact_box .message .tab .tab_cell .online {
        margin-top: 25px; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group {
          margin-top: 0; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box {
            margin-top: 10px;
            width: 100%;
            float: none; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box label {
              display: block;
              float: none;
              line-height: 28px;
              padding-bottom: 5px; }
            .main_ll.contact .contact_box .message .tab .tab_cell .online .form .input_group .input_box input {
              width: 100%;
              float: none;
              margin-left: 0; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea {
          margin-top: 10px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea label {
            line-height: 28px;
            display: block;
            float: none;
            padding-bottom: 5px; }
          .main_ll.contact .contact_box .message .tab .tab_cell .online .form .textarea textarea {
            width: 100%;
            margin-left: 0;
            float: none; }
        .main_ll.contact .contact_box .message .tab .tab_cell .online .form .submit {
          margin-top: 10px;
          margin-left: 0; } }
  .main_ll.join .join_box {
    padding-top: 90px; }
    .main_ll.join .join_box .online_box {
      padding-top: 35px;
      padding-bottom: 147px; }
      @media (min-width: 1024px) {
        .main_ll.join .join_box .online_box {
          transform: translateY(80px);
          opacity: 0;
          filter: alpha(opacity=0);
          transition: all 0.5s; }
          .main_ll.join .join_box .online_box.animate {
            transform: translateY(0px);
            opacity: 1;
            filter: alpha(opacity=100); } }
      .main_ll.join .join_box .online_box .input_box {
        margin-top: 25px; }
        .main_ll.join .join_box .online_box .input_box .text {
          width: 46.66%;
          height: 54px;
          border: 1px solid #e1e1e1;
          font-size: 14px;
          color: #666;
          display: block;
          position: relative;
          background: #fafafa; }
          .main_ll.join .join_box .online_box .input_box .text.text3 {
            width: 100%; }
          .main_ll.join .join_box .online_box .input_box .text label {
            font-size: 14px;
            line-height: 54px;
            display: block;
            width: 88px;
            box-sizing: border-box;
            padding-left: 18px; }
          .main_ll.join .join_box .online_box .input_box .text .input {
            width: 100%;
            padding-left: 88px;
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
            background: none;
            height: 100%;
            display: block;
            border: none;
            font-size: 14px;
            margin: 0;
            line-height: 54px;
            text-indent: 1em; }
          .main_ll.join .join_box .online_box .input_box .text .input2 {
            width: 100%;
            padding-left: 88px;
            box-sizing: border-box;
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            display: block;
            border: none;
            font-size: 14px;
            color: #666;
            display: block;
            text-indent: 1em;
            background: none; }
      .main_ll.join .join_box .online_box .textarea {
        width: 100%;
        border: 1px solid #e1e1e1;
        font-size: 14px;
        color: #666;
        display: block;
        background: #fafafa;
        position: relative;
        height: 150px;
        margin-top: 25px; }
        .main_ll.join .join_box .online_box .textarea label {
          font-size: 14px;
          line-height: 24px;
          display: block;
          width: 88px;
          box-sizing: border-box;
          padding-top: 10px;
          padding-left: 18px; }
        .main_ll.join .join_box .online_box .textarea textarea {
          width: 100%;
          position: absolute;
          height: 100%;
          left: 0;
          top: 0;
          padding-left: 88px;
          box-sizing: border-box;
          display: block;
          border: none;
          resize: none;
          font-size: 14px;
          color: #666;
          line-height: 24px;
          padding-top: 10px;
          text-indent: 1em;
          background: none; }
      .main_ll.join .join_box .online_box .submit {
        margin-left: auto;
        margin-right: auto;
        width: 200px;
        height: 54px;
        display: block;
        border: none;
        background: #0075c1;
        font-size: 16px;
        color: #fff;
        text-align: center;
        line-height: 54px;
        margin-top: 50px; }
    .main_ll.join .join_box .join_main {
      margin-top: 55px; }
      @media (min-width: 1024px) {
        .main_ll.join .join_box .join_main {
          transform: translateY(80px);
          opacity: 0;
          filter: alpha(opacity=0);
          transition: all 0.5s; }
          .main_ll.join .join_box .join_main.animate {
            transform: translateY(0px);
            opacity: 1;
            filter: alpha(opacity=100); } }
      .main_ll.join .join_box .join_main .tit {
        background: #eee;
        width: 100%;
        height: 60px;
        border: 1px solid #e1e1e1;
        box-sizing: border-box; }
        .main_ll.join .join_box .join_main .tit ul {
          overflow: hidden;
          height: 100%;
          margin: 0;
          padding: 0; }
          .main_ll.join .join_box .join_main .tit ul li:nth-child(4) {
            margin-right: 0; }
          .main_ll.join .join_box .join_main .tit ul li:last-child {
            width: 13.1%;
            float: right;
            margin-right: 0; }
          .main_ll.join .join_box .join_main .tit ul li {
            width: 16.66%;
            float: left;
            font-size: 16px;
            text-align: center;
            color: #333;
            font-weight: bold;
            line-height: 60px;
            margin-right: 5.83%; }
      .main_ll.join .join_box .join_main .jbox {
        width: 100%;
        padding-bottom: 125px; }
        .main_ll.join .join_box .join_main .jbox ul li {
          margin-top: 10px; }
          .main_ll.join .join_box .join_main .jbox ul li.active .ti {
            background: #0075c1; }
            .main_ll.join .join_box .join_main .jbox ul li.active .ti .txt {
              color: #fff; }
              .main_ll.join .join_box .join_main .jbox ul li.active .ti .txt.ico {
                background: url(../images/jian.png) no-repeat center center; }
          .main_ll.join .join_box .join_main .jbox ul li .ti {
            background: #f8f8f8;
            width: 100%;
            height: 60px;
            cursor: pointer;
            transition: all 0.5s;
            box-sizing: border-box; }
            .main_ll.join .join_box .join_main .jbox ul li .ti .txt:nth-child(4) {
              margin-right: 0; }
            .main_ll.join .join_box .join_main .jbox ul li .ti .txt {
              width: 16.66%;
              float: left;
              font-size: 14px;
              text-align: center;
              color: #333;
              height: 100%;
              line-height: 60px;
              margin-right: 5.83%;
              transition: color 0.5s; }
              .main_ll.join .join_box .join_main .jbox ul li .ti .txt.ico {
                width: 13.1%;
                float: right;
                margin-right: 0;
                background: url(../images/jia.png) no-repeat center center; }
          .main_ll.join .join_box .join_main .jbox ul li .content {
            padding: 0 3.8%;
            background: #f8f8f8;
            display: none; }
            .main_ll.join .join_box .join_main .jbox ul li .content.show {
              display: block; }
            .main_ll.join .join_box .join_main .jbox ul li .content .responsibility {
              padding-top: 45px;
              padding-bottom: 42px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tit2 {
                font-size: 20px;
                color: #333;
                line-height: 26px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con {
                padding-bottom: 18px;
                border-bottom: 1px solid #e1e1e1; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con .txt_box {
                  font-size: 14px;
                  color: #666;
                  line-height: 24px;
                  padding-bottom: 8px;
                  padding-top: 18px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel {
                padding-top: 25px; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel .t {
                  font-size: 14px;
                  color: #0075c1;
                  line-height: 24px;
                  font-weight: bold; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel .co {
                  font-size: 14px;
                  color: #666;
                  line-height: 24px; }
        .main_ll.join .join_box .join_main .jbox .page {
          text-align: center;
          padding-top: 80px; }
          .main_ll.join .join_box .join_main .jbox .page a {
            height: 40px;
            font-size: 14px;
            color: #666;
            padding: 0 17px;
            line-height: 40px;
            display: inline-block;
            margin: 3px;
            background: #eee;
            transition: all 0.3s; }
            @media (min-width: 1024px) {
              .main_ll.join .join_box .join_main .jbox .page a:hover {
                color: #fff;
                background: #0175c2; } }
            .main_ll.join .join_box .join_main .jbox .page a.active {
              color: #fff;
              background: #0175c2; }
    @media (max-width: 1300px) {
      .main_ll.join .join_box {
        padding-top: 75px; }
        .main_ll.join .join_box .online_box {
          padding-top: 25px;
          padding-bottom: 120px; }
          .main_ll.join .join_box .online_box .input_box {
            margin-top: 20px; }
            .main_ll.join .join_box .online_box .input_box .text {
              width: 48%;
              height: 48px; }
              .main_ll.join .join_box .online_box .input_box .text label {
                line-height: 48px;
                padding-left: 15px; }
              .main_ll.join .join_box .online_box .input_box .text .input {
                line-height: 48px; }
              .main_ll.join .join_box .online_box .input_box .text .input2 {
                line-height: 48px; }
          .main_ll.join .join_box .online_box .textarea {
            margin-top: 20px;
            height: 120px; }
            .main_ll.join .join_box .online_box .textarea label {
              padding-left: 15px; }
          .main_ll.join .join_box .online_box .submit {
            width: 180px;
            height: 48px;
            font-size: 16px;
            line-height: 48px;
            margin-top: 40px; }
        .main_ll.join .join_box .join_main {
          margin-top: 45px; }
          .main_ll.join .join_box .join_main .tit {
            height: 50px; }
            .main_ll.join .join_box .join_main .tit ul li {
              line-height: 50px; }
          .main_ll.join .join_box .join_main .jbox {
            padding-bottom: 110px; }
            .main_ll.join .join_box .join_main .jbox ul li .ti {
              height: 50px; }
              .main_ll.join .join_box .join_main .jbox ul li .ti .txt {
                line-height: 50px; }
            .main_ll.join .join_box .join_main .jbox ul li .content .responsibility {
              padding-top: 35px;
              padding-bottom: 32px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tit2 {
                font-size: 18px;
                line-height: 24px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con {
                padding-bottom: 15px; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con .txt_box {
                  padding-bottom: 5px;
                  padding-top: 15px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel {
                padding-top: 20px; }
            .main_ll.join .join_box .join_main .jbox .page {
              padding-top: 70px; } }
    @media (max-width: 1024px) {
      .main_ll.join .join_box {
        padding-top: 50px; }
        .main_ll.join .join_box .online_box {
          padding-top: 25px;
          padding-bottom: 80px; }
          .main_ll.join .join_box .online_box .input_box {
            margin-top: 15px; }
            .main_ll.join .join_box .online_box .input_box .text label {
              width: 80px;
              padding-left: 10px; }
            .main_ll.join .join_box .online_box .input_box .text .input {
              padding-left: 80px;
              font-size: 14px;
              line-height: 48px; }
            .main_ll.join .join_box .online_box .input_box .text .input2 {
              padding-left: 80px; }
          .main_ll.join .join_box .online_box .textarea {
            margin-top: 15px;
            height: 120px; }
            .main_ll.join .join_box .online_box .textarea label {
              width: 80px;
              padding-left: 10px; }
          .main_ll.join .join_box .online_box .submit {
            width: 180px;
            height: 48px;
            font-size: 16px;
            line-height: 48px;
            margin-top: 30px; }
        .main_ll.join .join_box .join_main {
          margin-top: 35px; }
          .main_ll.join .join_box .join_main .tit {
            height: 50px; }
            .main_ll.join .join_box .join_main .tit ul li {
              line-height: 50px; }
          .main_ll.join .join_box .join_main .jbox {
            padding-bottom: 80px; }
            .main_ll.join .join_box .join_main .jbox ul li .content .responsibility {
              padding-top: 25px;
              padding-bottom: 22px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tit2 {
                font-size: 16px;
                line-height: 22px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con {
                padding-bottom: 10px; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con .txt_box {
                  padding-bottom: 5px;
                  padding-top: 10px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel {
                padding-top: 15px; }
            .main_ll.join .join_box .join_main .jbox .page {
              padding-top: 50px; }
              .main_ll.join .join_box .join_main .jbox .page a {
                padding: 0 15px; } }
    @media (max-width: 700px) {
      .main_ll.join .join_box {
        padding-top: 40px; }
        .main_ll.join .join_box .join_main {
          margin-top: 25px; }
          .main_ll.join .join_box .join_main .tit {
            height: 40px; }
            .main_ll.join .join_box .join_main .tit ul li:last-child {
              width: 16%; }
            .main_ll.join .join_box .join_main .tit ul li {
              width: 18.5%;
              margin-right: 2.5%;
              font-size: 14px;
              height: 40px;
              line-height: 40px; }
          .main_ll.join .join_box .join_main .jbox {
            padding-bottom: 60px; }
            .main_ll.join .join_box .join_main .jbox ul li.active .ti .txt.ico {
              background-size: 16px 2px; }
            .main_ll.join .join_box .join_main .jbox ul li .ti .txt:last-child {
              width: 16%; }
            .main_ll.join .join_box .join_main .jbox ul li .ti .txt {
              font-size: 13px;
              width: 18.5%;
              margin-right: 2.5%; }
              .main_ll.join .join_box .join_main .jbox ul li .ti .txt.ico {
                background-size: 16px 16px; }
            .main_ll.join .join_box .join_main .jbox ul li .content .responsibility {
              padding-top: 15px;
              padding-bottom: 12px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tit2 {
                font-size: 15px;
                line-height: 20px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con {
                padding-bottom: 10px; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .con .txt_box {
                  font-size: 13px;
                  line-height: 22px;
                  padding-bottom: 5px;
                  padding-top: 10px; }
              .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel {
                padding-top: 10px; }
                .main_ll.join .join_box .join_main .jbox ul li .content .responsibility .tel .co {
                  font-size: 13px;
                  line-height: 22px; }
            .main_ll.join .join_box .join_main .jbox .page {
              padding-top: 40px; }
              .main_ll.join .join_box .join_main .jbox .page a {
                padding: 0 10px;
                height: 30px;
                line-height: 30px; }
        .main_ll.join .join_box .online_box {
          padding-top: 15px;
          padding-bottom: 60px; }
          .main_ll.join .join_box .online_box .input_box {
            margin-top: 0px; }
            .main_ll.join .join_box .online_box .input_box .text {
              width: 100%;
              height: 40px;
              margin-top: 15px;
              float: none; }
              .main_ll.join .join_box .online_box .input_box .text label {
                width: 80px;
                font-size: 14px;
                line-height: 40px;
                padding-left: 10px; }
              .main_ll.join .join_box .online_box .input_box .text .input {
                padding-left: 80px;
                font-size: 14px;
                line-height: 40px; }
              .main_ll.join .join_box .online_box .input_box .text .input2 {
                padding-left: 80px;
                font-size: 14px;
                line-height: 40px; }
          .main_ll.join .join_box .online_box .textarea {
            margin-top: 15px;
            height: 100px; }
            .main_ll.join .join_box .online_box .textarea label {
              width: 80px;
              font-size: 14px;
              line-height: 40px;
              padding-top: 0;
              padding-left: 10px; }
            .main_ll.join .join_box .online_box .textarea textarea {
              padding-left: 80px;
              padding-top: 7px; }
          .main_ll.join .join_box .online_box .submit {
            width: 120px;
            height: 40px;
            font-size: 16px;
            line-height: 40px;
            margin-top: 20px; } }
    @media (max-width: 500px) {
      .main_ll.join .join_box {
        padding-top: 30px; }
        .main_ll.join .join_box .online_box {
          padding-bottom: 40px; }
        .main_ll.join .join_box .join_main {
          margin-top: 25px; }
          .main_ll.join .join_box .join_main .tit {
            height: 40px; }
            .main_ll.join .join_box .join_main .tit ul li:last-child {
              width: 16%; }
            .main_ll.join .join_box .join_main .tit ul li:nth-child(4) {
              display: none; }
            .main_ll.join .join_box .join_main .tit ul li {
              width: 26%;
              margin-right: 2%;
              font-size: 13px;
              height: 40px;
              line-height: 40px; }
          .main_ll.join .join_box .join_main .jbox {
            padding-bottom: 40px; }
            .main_ll.join .join_box .join_main .jbox ul li.active .ti .txt.ico {
              background-size: 12px 1px; }
            .main_ll.join .join_box .join_main .jbox ul li .ti {
              height: auto;
              position: relative; }
              .main_ll.join .join_box .join_main .jbox ul li .ti .txt:nth-child(4) {
                display: none; }
              .main_ll.join .join_box .join_main .jbox ul li .ti .txt:last-child {
                width: 16%;
                position: absolute;
                right: 0;
                top: 0; }
              .main_ll.join .join_box .join_main .jbox ul li .ti .txt {
                font-size: 12px;
                width: 26%;
                line-height: 20px;
                padding: 10px 0;
                margin-right: 2%; }
                .main_ll.join .join_box .join_main .jbox ul li .ti .txt.ico {
                  padding: 0;
                  background-size: 12px 12px; }
            .main_ll.join .join_box .join_main .jbox .page {
              padding-top: 25px; } }
  .main_ll.technological .join_box {
    padding-top: 90px; }
    @media (max-width: 1300px) {
      .main_ll.technological .join_box {
        padding-top: 75px; } }
    @media (max-width: 1024px) {
      .main_ll.technological .join_box {
        padding-top: 50px; } }
    @media (max-width: 700px) {
      .main_ll.technological .join_box {
        padding-top: 40px; } }
    @media (max-width: 500px) {
      .main_ll.technological .join_box {
        padding-top: 40px; } }
    .main_ll.technological .join_box .box {
      margin-top: 55px; }
      .main_ll.technological .join_box .box ul {
        text-align: center; }
        @media (min-width: 1024px) {
          .main_ll.technological .join_box .box ul li {
            transform: translate(0, 70px);
            opacity: 0;
            transition: all 0.5s; }
          .main_ll.technological .join_box .box ul.animate li {
            transform: translate(0px, 0px);
            opacity: 1; }
          .main_ll.technological .join_box .box ul.animate li:nth-child(2) {
            transition: all 0.5s 0.2s; }
          .main_ll.technological .join_box .box ul.animate li:nth-child(3) {
            transition: all 0.5s 0.4s; } }
        .main_ll.technological .join_box .box ul li {
          display: inline-block;
          margin: 0 25px;
          cursor: pointer;
          width: 120px; }
          .main_ll.technological .join_box .box ul li.b1 .ico {
            background: url(../images/b1.png) no-repeat center center; }
          .main_ll.technological .join_box .box ul li.b2 .ico {
            background: url(../images/b2.png) no-repeat center center; }
          .main_ll.technological .join_box .box ul li.b3 .ico {
            background: url(../images/b3.png) no-repeat center center; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .box ul li:hover.b1 .ico {
              background: url(../images/b11.png) no-repeat center center #0075c1;
              border-color: #0075c1; }
            .main_ll.technological .join_box .box ul li:hover.b2 .ico {
              background: url(../images/b22.png) no-repeat center center #0075c1;
              border-color: #0075c1; }
            .main_ll.technological .join_box .box ul li:hover.b3 .ico {
              border-color: #0075c1;
              background: url(../images/b33.png) no-repeat center center #0075c1; }
            .main_ll.technological .join_box .box ul li:hover .txt {
              color: #0075c1;
              font-weight: bold; } }
          .main_ll.technological .join_box .box ul li.cur.b1 .ico {
            background: url(../images/b11.png) no-repeat center center #0075c1;
            border-color: #0075c1; }
          .main_ll.technological .join_box .box ul li.cur.b2 .ico {
            background: url(../images/b22.png) no-repeat center center #0075c1;
            border-color: #0075c1; }
          .main_ll.technological .join_box .box ul li.cur.b3 .ico {
            border-color: #0075c1;
            background: url(../images/b33.png) no-repeat center center #0075c1; }
          .main_ll.technological .join_box .box ul li.cur .txt {
            color: #0075c1;
            font-weight: bold; }
          .main_ll.technological .join_box .box ul li .ico {
            width: 90px;
            height: 90px;
            display: block;
            margin: 0 auto;
            border: 1px solid #ebebeb;
            box-sizing: border-box;
            border-radius: 50%;
            transition: all 0.5s;
            background: url(../images/b1.png) no-repeat center center; }
          .main_ll.technological .join_box .box ul li .txt {
            font-size: 16px;
            color: #333;
            transition: all 0.5s;
            text-align: center;
            line-height: 24px;
            padding-top: 15px; }
      @media (max-width: 1300px) {
        .main_ll.technological .join_box .box {
          margin-top: 45px; }
          .main_ll.technological .join_box .box ul li {
            margin: 0 20px; }
            .main_ll.technological .join_box .box ul li .txt {
              padding-top: 10px; } }
      @media (max-width: 1024px) {
        .main_ll.technological .join_box .box {
          margin-top: 35px; }
          .main_ll.technological .join_box .box ul li {
            width: 100px; }
            .main_ll.technological .join_box .box ul li .ico {
              width: 80px;
              height: 80px; }
            .main_ll.technological .join_box .box ul li .txt {
              font-size: 14px; } }
      @media (max-width: 500px) {
        .main_ll.technological .join_box .box {
          margin-top: 25px; }
          .main_ll.technological .join_box .box ul li {
            margin: 0 5px;
            width: 90px; }
            .main_ll.technological .join_box .box ul li.b1 .ico {
              background-size: 25px 24px; }
            .main_ll.technological .join_box .box ul li.b2 .ico {
              background-size: 25px 26px; }
            .main_ll.technological .join_box .box ul li.b3 .ico {
              background-size: 25px 24px; }
            .main_ll.technological .join_box .box ul li.cur.b1 .ico {
              background-size: 25px 24px; }
            .main_ll.technological .join_box .box ul li.cur.b2 .ico {
              background-size: 25px 26px; }
            .main_ll.technological .join_box .box ul li.cur.b3 .ico {
              background-size: 25px 24px; }
            .main_ll.technological .join_box .box ul li .ico {
              width: 60px;
              height: 60px; }
            .main_ll.technological .join_box .box ul li .txt {
              padding-top: 5px; } }
    .main_ll.technological .join_box .container {
      margin-top: 45px;
      /* 2017-8-31  songwei ji shu chuang xin*/
      border-top: 1px solid #e1e1e1; }
      .main_ll.technological .join_box .container .wrap .fbox {
        padding-top: 85px;
        padding-bottom: 135px;
        border-top: 1px solid #e1e1e1; }
        .main_ll.technological .join_box .container .wrap .fbox .fcen .ti {
          font-size: 26px;
          color: #333;
          line-height: 34px;
          font-weight: bold;
          transition: all 0.5s;
          text-align: center; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .fbox .fcen .ti {
              transform: translate(0, 50px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .ti.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
        .main_ll.technological .join_box .container .wrap .fbox .fcen .ico {
          width: 24px;
          height: 14px;
          background: url(../images/x.png) no-repeat;
          background-size: cover;
          margin-left: auto;
          margin-right: auto;
          margin-top: 20px;
          transition: all 0.5s 0.3s; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .fbox .fcen .ico {
              transform: translate(0, 20px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .ico.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
        .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox {
          text-align: center;
          margin-top: 28px;
          transition: all 0.5s 0.5s; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox {
              transform: translate(0, 20px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox a {
            width: 120px;
            height: 40px;
            text-align: center;
            line-height: 40px;
            font-size: 16px;
            color: #fff;
            background: #c6c6c6;
            display: inline-block;
            margin: 0 10px;
            transition: all 0.3s; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox a.active {
              background: #0075c1; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox a:hover {
                background: #0075c1; } }
        .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 {
          padding-top: 10px; }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li:nth-child(even) .tu {
            float: right; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li:nth-child(even) .tu .template {
              left: 10px;
              bottom: 10px;
              right: auto; }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li:nth-child(even) .cont {
            float: left; }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li {
            margin-top: 80px; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu {
                transform: translateX(-100px);
                opacity: 0; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont {
                transform: translateX(100px);
                opacity: 0; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li.animate .tu, .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li.animate .cont {
                transform: translateX(0px);
                opacity: 1; } }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu {
              float: left;
              width: 55%;
              position: relative;
              overflow: hidden;
              transition: all 0.5s; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu > img {
                width: 100%;
                height: auto; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu .template {
                width: 160px;
                height: 160px;
                position: absolute;
                right: 10px;
                bottom: 10px; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu .template img {
                  width: 100%;
                  height: auto; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont {
              float: right;
              width: 43.33%;
              transition: all 0.5s;
              padding: 60px 4.1% 0 4.1%;
              box-sizing: border-box; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .t {
                font-size: 24px;
                color: #0075c1;
                font-weight: bold;
                text-align: center;
                line-height: 32px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .txt_box {
                font-size: 14px;
                color: #666;
                padding-top: 14px;
                line-height: 24px;
                text-align: center; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .txt_box p {
                  padding-top: 20px; }
      .main_ll.technological .join_box .container .wrap .wbox {
        width: 100%;
        background: #f3f8fb; }
        .main_ll.technological .join_box .container .wrap .wbox .wbox_cen {
          padding-top: 85px;
          padding-bottom: 165px; }
          .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .ti {
            font-size: 26px;
            color: #333;
            line-height: 34px;
            font-weight: bold;
            transition: all 0.5s;
            text-align: center; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .ti {
                transform: translate(0, 70px);
                opacity: 0; }
                .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .ti.animate {
                  transform: translate(0px, 0px);
                  opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .cont {
            font-size: 14px;
            color: #666;
            line-height: 26px;
            text-align: center;
            padding-top: 25px;
            transition: all 0.5s 0.2s; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .cont {
                transform: translate(0, 70px);
                opacity: 0; }
                .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .cont.animate {
                  transform: translate(0px, 0px);
                  opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .pic {
            text-align: center;
            margin-top: 75px;
            transition: all 0.5s; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .pic {
                transform: translate(0, 70px);
                opacity: 0; }
                .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .pic.animate {
                  transform: translate(0px, 0px);
                  opacity: 1; } }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .pic img {
              display: inline-block;
              max-width: 100%; }
      .main_ll.technological .join_box .container .wrap .research {
        background: #f3f8fb;
        padding-bottom: 80px; }
        .main_ll.technological .join_box .container .wrap .research .research_cen {
          padding-top: 85px; }
          .main_ll.technological .join_box .container .wrap .research .research_cen .ti {
            font-size: 26px;
            color: #333;
            line-height: 34px;
            font-weight: bold;
            transition: all 0.5s;
            text-align: center; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .research .research_cen .ti {
                transform: translate(0, 50px);
                opacity: 0; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .ti.animate {
                  transform: translate(0px, 0px);
                  opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .research .research_cen .ico {
            width: 24px;
            height: 14px;
            background: url(../images/x.png) no-repeat;
            background-size: cover;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            transition: all 0.5s 0.3s; }
            @media (min-width: 1024px) {
              .main_ll.technological .join_box .container .wrap .research .research_cen .ico {
                transform: translate(0, 20px);
                opacity: 0; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .ico.animate {
                  transform: translate(0px, 0px);
                  opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .research .research_cen .pattern {
            margin-top: 25px;
            background: url(../images/line.png) no-repeat center center;
            background-size: cover; }
            .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul {
              width: 100%; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li {
                width: 50%;
                height: auto;
                float: left;
                padding: 0 2% 10px 2%;
                box-sizing: border-box; }
                @media (min-width: 1024px) {
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box {
                    opacity: 0;
                    transform: translateY(30px); }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .pic_box {
                    opacity: 0;
                    transform: translate(0px, 30px); }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt {
                    opacity: 0;
                    transform: translateY(30px); }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li.animate .txt_box {
                    opacity: 1;
                    transform: translateY(0px);
                    transition: all 0.5s; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li.animate .pic_box {
                    opacity: 1;
                    transform: translate(0px, 0px);
                    transition: all 0.5s 0.2s; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li.animate .txt {
                    opacity: 1;
                    transition: all 0.5s 0.4s;
                    transform: translateY(0px); } }
                .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box {
                  padding-top: 27px;
                  text-align: center; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box .tit {
                    font-size: 20px;
                    color: #333;
                    line-height: 26px; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box .en {
                    font-size: 16px;
                    color: #999;
                    font-family: Arial;
                    line-height: 20px;
                    margin-top: 5px; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .pic_box {
                  margin-top: 22px;
                  text-align: center; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .pic_box img {
                    display: inline-block;
                    max-width: 100%; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt {
                  font-size: 14px;
                  color: #333;
                  line-height: 20px;
                  text-align: center;
                  padding-top: 15px; }
        .main_ll.technological .join_box .container .wrap .research .customized {
          width: 100%;
          height: auto;
          margin-top: 90px;
          position: relative;
          padding-bottom: 25px;
          transition: all 0.5s ease-in; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .research .customized {
              transform: translate(0, 50px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .research .customized.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .research .customized .line {
            width: 100%;
            height: 12px;
            background: url(../images/l2.png) no-repeat center center;
            background-size: cover;
            position: absolute;
            left: 0;
            top: 215px; }
          .main_ll.technological .join_box .container .wrap .research .customized .customized_cen {
            width: 1610px;
            margin: 0 auto; }
            .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box {
              margin-bottom: 0; }
              .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox {
                margin: 0 12.5%; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .tu {
                  text-align: center;
                  height: 162px;
                  margin: 0 auto; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .tu img {
                    max-width: 100%;
                    max-height: 100%;
                    display: inline-block; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .txt {
                  font-size: 14px;
                  color: #333;
                  line-height: 20px;
                  text-align: center;
                  height: 40px;
                  margin-top: 15px;
                  overflow: hidden; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ico {
                  width: 24px;
                  height: 24px;
                  margin: 10px auto 0 auto;
                  border: 6px solid #0075c1;
                  border-radius: 50%;
                  background: #fff;
                  box-sizing: border-box; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ti {
                  font-size: 18px;
                  color: #333;
                  font-weight: bold;
                  line-height: 24px;
                  padding-top: 20px;
                  text-align: center; }
          @media (max-width: 1650px) {
            .main_ll.technological .join_box .container .wrap .research .customized {
              margin-top: 75px;
              padding-bottom: 15px; }
              .main_ll.technological .join_box .container .wrap .research .customized .customized_cen {
                width: 94%; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox {
                  margin: 0 10%; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ico {
                    width: 20px;
                    height: 20px; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ti {
                    font-size: 16px;
                    line-height: 22px;
                    padding-top: 15px; } }
          @media (max-width: 1200px) {
            .main_ll.technological .join_box .container .wrap .research .customized {
              margin-top: 55px;
              padding-bottom: 15px; }
              .main_ll.technological .join_box .container .wrap .research .customized .customized_cen {
                width: 94%; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox {
                  margin: 0 10%; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ico {
                    width: 16px;
                    height: 16px; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .txt {
                    margin-top: 10px; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ti {
                    font-size: 16px;
                    line-height: 22px;
                    padding-top: 10px; } }
          @media (max-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .research .customized {
              margin-top: 35px;
              padding-bottom: 0px; }
              .main_ll.technological .join_box .container .wrap .research .customized .customized_cen {
                width: 94%; }
                .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox {
                  margin: 0 10%; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ico {
                    width: 16px;
                    height: 16px; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .txt {
                    margin-top: 10px; }
                  .main_ll.technological .join_box .container .wrap .research .customized .customized_cen .slick_box .slick-list .slick-track .item .ibox .ti {
                    font-size: 16px;
                    line-height: 22px;
                    padding-top: 10px; } }
      .main_ll.technological .join_box .container .wrap .category {
        padding-top: 70px;
        padding-bottom: 100px; }
        .main_ll.technological .join_box .container .wrap .category .t {
          font-size: 24px;
          color: #0075c1;
          font-weight: bold;
          line-height: 40px;
          transition: all 0.5s;
          text-align: center; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .category .t {
              transform: translate(0, 50px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .category .t.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
        .main_ll.technological .join_box .container .wrap .category .cont {
          font-size: 14px;
          line-height: 26px;
          color: #666;
          text-align: center;
          padding-top: 20px;
          transition: all 0.5s 0.2s;
          text-align: center; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .category .cont {
              transform: translate(0, 50px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .category .cont.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
        .main_ll.technological .join_box .container .wrap .category .pic {
          text-align: center;
          padding-top: 65px;
          transition: all 0.5s;
          text-align: center; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .container .wrap .category .pic {
              transform: translate(0, 50px);
              opacity: 0; }
              .main_ll.technological .join_box .container .wrap .category .pic.animate {
                transform: translate(0px, 0px);
                opacity: 1; } }
          .main_ll.technological .join_box .container .wrap .category .pic img {
            max-width: 100%;
            display: inline-block; }
      @media (max-width: 1300px) {
        .main_ll.technological .join_box .container {
          margin-top: 40px; }
          .main_ll.technological .join_box .container .wrap .wbox .wbox_cen {
            padding-top: 70px;
            padding-bottom: 120px; }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .ti {
              font-size: 22px;
              line-height: 30px; }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .cont {
              padding-top: 20px; }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .pic {
              margin-top: 65px; }
          .main_ll.technological .join_box .container .wrap .category {
            padding-top: 60px;
            padding-bottom: 90px; }
            .main_ll.technological .join_box .container .wrap .category .t {
              font-size: 22px;
              line-height: 30px; }
            .main_ll.technological .join_box .container .wrap .category .cont {
              padding-top: 20px; }
            .main_ll.technological .join_box .container .wrap .category .pic {
              padding-top: 60px; }
          .main_ll.technological .join_box .container .wrap .research {
            padding-bottom: 70px; }
            .main_ll.technological .join_box .container .wrap .research .research_cen {
              padding-top: 70px; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .ti {
                font-size: 22px;
                line-height: 30px; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .ico {
                margin-top: 15px; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .pattern {
                margin-top: 15px; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box {
                  padding-top: 20px; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box .tit {
                    font-size: 16px;
                    line-height: 22px; }
                  .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt_box .en {
                    font-size: 14px;
                    margin-top: 0;
                    line-height: 20px; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .pic_box {
                  margin-top: 15px; }
                .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li .txt {
                  padding-top: 10px; }
          .main_ll.technological .join_box .container .wrap .fbox {
            padding-top: 70px;
            padding-bottom: 110px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .ti {
              font-size: 22px;
              line-height: 30px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .ico {
              margin-top: 15px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox {
              margin-top: 20px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox a {
                width: 100px;
                height: 36px;
                font-size: 14px;
                line-height: 36px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li {
              margin-top: 65px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu .template {
                width: 140px;
                height: 140px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont {
                padding: 50px 4.1% 0 4.1%; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .t {
                  font-size: 20px;
                  line-height: 28px; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .txt_box p {
                  padding-top: 15px; } }
      @media (max-width: 1024px) {
        .main_ll.technological .join_box .container {
          margin-top: 30px; }
          .main_ll.technological .join_box .container .wrap .wbox .wbox_cen {
            padding-bottom: 70px;
            padding-top: 50px; }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .ti {
              font-size: 18px;
              line-height: 24px; }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .cont {
              padding-top: 15px;
              font-size: 14px;
              line-height: 24px; }
            .main_ll.technological .join_box .container .wrap .wbox .wbox_cen .pic {
              margin-top: 35px; }
          .main_ll.technological .join_box .container .wrap .category {
            padding-top: 50px;
            padding-bottom: 70px; }
            .main_ll.technological .join_box .container .wrap .category .t {
              font-size: 18px;
              line-height: 24px; }
            .main_ll.technological .join_box .container .wrap .category .cont {
              padding-top: 15px;
              font-size: 14px;
              line-height: 24px; }
            .main_ll.technological .join_box .container .wrap .category .pic {
              padding-top: 35px; }
          .main_ll.technological .join_box .container .wrap .research {
            padding-bottom: 60px; }
            .main_ll.technological .join_box .container .wrap .research .research_cen {
              padding-top: 50px; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .ti {
                font-size: 18px;
                line-height: 24px; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .ico {
                margin-top: 10px; }
          .main_ll.technological .join_box .container .wrap .fbox {
            padding-top: 50px;
            padding-bottom: 90px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .ti {
              font-size: 18px;
              line-height: 24px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .ico {
              margin-top: 10px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li {
              margin-top: 45px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu .template {
                width: 100px;
                height: 100px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont {
                padding: 30px 3% 0 3%; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .t {
                  font-size: 18px;
                  line-height: 24px; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .txt_box p {
                  padding-top: 10px; } }
      @media (max-width: 850px) {
        .main_ll.technological .join_box .container .wrap .fbox {
          padding-top: 40px;
          padding-bottom: 50px; }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li {
            margin-top: 20px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu {
              width: 100%;
              float: none; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu .template {
                width: 120px;
                height: 120px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont {
              width: 100%;
              float: none;
              padding: 15px 0; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .t {
                font-size: 18px;
                line-height: 24px; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .txt_box {
                padding-top: 5px; }
                .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .cont .txt_box p {
                  padding-top: 5px; } }
      @media (max-width: 650px) {
        .main_ll.technological .join_box .container .wrap .category {
          padding-top: 40px;
          padding-bottom: 50px; }
        .main_ll.technological .join_box .container .wrap .research {
          padding-bottom: 35px; }
          .main_ll.technological .join_box .container .wrap .research .research_cen {
            padding-top: 40px; }
            .main_ll.technological .join_box .container .wrap .research .research_cen .pattern {
              background: none; }
              .main_ll.technological .join_box .container .wrap .research .research_cen .pattern ul li {
                margin-top: 10px;
                padding: 0;
                width: 100%;
                float: none; }
        .main_ll.technological .join_box .container .wrap .fbox {
          padding-bottom: 35px; }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .mbox a {
            width: 90px;
            margin: 0;
            height: 32px;
            line-height: 32px; }
          .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li {
            margin-top: 20px; }
            .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu {
              width: 100%;
              float: none; }
              .main_ll.technological .join_box .container .wrap .fbox .fcen .box2 ul li .tu .template {
                width: 90px;
                height: 90px; } }
      @media (max-width: 1024px) {
        .main_ll.technological .join_box .container {
          margin-top: 5%; } }
      .main_ll.technological .join_box .container .wrap-lead-sw {
        width: 1310px;
        margin: 0 auto;
        padding-top: 86px;
        transition: transform 0.5s,opacity 0.5s; }
        @media (min-width: 1024px) {
          .main_ll.technological .join_box .container .wrap-lead-sw {
            transform: translate(0, 50px);
            opacity: 0; }
            .main_ll.technological .join_box .container .wrap-lead-sw.animate {
              transform: translate(0px, 0px);
              opacity: 1; } }
        @media (max-width: 1360px) {
          .main_ll.technological .join_box .container .wrap-lead-sw {
            width: 94%; } }
        @media (max-width: 1024px) {
          .main_ll.technological .join_box .container .wrap-lead-sw {
            padding-top: 8%; } }
        .main_ll.technological .join_box .container .wrap-lead-sw .table {
          display: table; }
        .main_ll.technological .join_box .container .wrap-lead-sw .img-box2 {
          padding: 126px 0 160px; }
          @media (max-width: 1024px) {
            .main_ll.technological .join_box .container .wrap-lead-sw .img-box2 {
              padding: 10% 0 12%; } }
        .main_ll.technological .join_box .container .wrap-lead-sw .table-cell {
          display: table-cell; }
          .main_ll.technological .join_box .container .wrap-lead-sw .table-cell img {
            display: block;
            max-width: 100%; }
            .main_ll.technological .join_box .container .wrap-lead-sw .table-cell img.img1 {
              padding-right: 16%; }
        @media (max-width: 435px) {
          .main_ll.technological .join_box .container .wrap-lead-sw .table {
            display: block; }
          .main_ll.technological .join_box .container .wrap-lead-sw .table-cell {
            display: block; }
            .main_ll.technological .join_box .container .wrap-lead-sw .table-cell img {
              display: block;
              margin: 0 auto; }
              .main_ll.technological .join_box .container .wrap-lead-sw .table-cell img.img1 {
                padding-right: 0; }
          .main_ll.technological .join_box .container .wrap-lead-sw .img-box1 img {
            margin-bottom: 8%; } }
    .main_ll.technological .join_box .development_box {
      background: #f3f8fb; }
      .main_ll.technological .join_box .development_box .development {
        margin-top: 55px;
        padding-top: 100px;
        padding-bottom: 150px; }
        .main_ll.technological .join_box .development_box .development .dev ul li:nth-child(even) .tu {
          float: right; }
          .main_ll.technological .join_box .development_box .development .dev ul li:nth-child(even) .tu .arrow {
            background: url(../images/arrow2.png) no-repeat;
            background-size: cover;
            left: 0;
            right: auto; }
        .main_ll.technological .join_box .development_box .development .dev ul li:nth-child(even) .cont {
          float: left; }
        .main_ll.technological .join_box .development_box .development .dev ul li {
          background: #fff;
          transition: all 0.68s; }
          @media (min-width: 1024px) {
            .main_ll.technological .join_box .development_box .development .dev ul li {
              transform: translateY(50px);
              opacity: 0; }
              .main_ll.technological .join_box .development_box .development .dev ul li:hover .tu img {
                transform: scale(1.1); }
              .main_ll.technological .join_box .development_box .development .dev ul li.animate {
                opacity: 1;
                transform: translateY(0px); } }
          .main_ll.technological .join_box .development_box .development .dev ul li .tu {
            width: 50%;
            height: auto;
            float: left;
            overflow: hidden;
            position: relative; }
            .main_ll.technological .join_box .development_box .development .dev ul li .tu img {
              width: 100%;
              transition: all 0.5s;
              height: auto; }
            .main_ll.technological .join_box .development_box .development .dev ul li .tu .arrow {
              width: 14px;
              height: 21px;
              background: url(../images/arrow.png) no-repeat;
              background-size: cover;
              position: absolute;
              right: 0;
              z-index: 10;
              top: 50%;
              margin-top: -10px; }
          .main_ll.technological .join_box .development_box .development .dev ul li .cont {
            float: left;
            width: 50%;
            padding: 0 3.75%;
            box-sizing: border-box; }
            .main_ll.technological .join_box .development_box .development .dev ul li .cont .t {
              font-size: 20px;
              color: #333;
              line-height: 30px;
              font-weight: bold;
              padding-top: 65px; }
            .main_ll.technological .join_box .development_box .development .dev ul li .cont .con {
              font-size: 14px;
              color: #666;
              line-height: 28px;
              font-weight: bold;
              padding-top: 24px; }
        @media (max-width: 1300px) {
          .main_ll.technological .join_box .development_box .development {
            margin-top: 45px;
            padding-top: 90px;
            padding-bottom: 130px; }
            .main_ll.technological .join_box .development_box .development .dev ul li .cont .t {
              font-size: 16px;
              line-height: 26px;
              padding-top: 50px; }
            .main_ll.technological .join_box .development_box .development .dev ul li .cont .con {
              line-height: 24px;
              padding-top: 15px; } }
        @media (max-width: 1024px) {
          .main_ll.technological .join_box .development_box .development {
            margin-top: 35px;
            padding-top: 70px;
            padding-bottom: 100px; }
            .main_ll.technological .join_box .development_box .development .dev ul li .cont {
              padding: 0 2%; }
              .main_ll.technological .join_box .development_box .development .dev ul li .cont .t {
                padding-top: 30px; } }
        @media (max-width: 900px) {
          .main_ll.technological .join_box .development_box .development {
            margin-top: 35px;
            padding-top: 50px;
            padding-bottom: 80px; }
            .main_ll.technological .join_box .development_box .development .dev ul li .tu {
              width: 100%;
              height: auto;
              float: none; }
              .main_ll.technological .join_box .development_box .development .dev ul li .tu .arrow {
                display: none; }
            .main_ll.technological .join_box .development_box .development .dev ul li .cont {
              width: 100%;
              float: none;
              padding: 15px 2%; }
              .main_ll.technological .join_box .development_box .development .dev ul li .cont .t {
                padding-top: 0px; }
              .main_ll.technological .join_box .development_box .development .dev ul li .cont .con {
                padding-top: 0; } }
        @media (max-width: 500px) {
          .main_ll.technological .join_box .development_box .development {
            padding-top: 30px;
            padding-bottom: 40px;
            margin-top: 25px; } }
  .main_ll.news .nbox {
    padding-top: 30px; }
    @media (max-width: 1300px) {
      .main_ll.news .nbox {
        padding-top: 70px; } }
    @media (max-width: 1024px) {
      .main_ll.news .nbox {
        padding-top: 50px; } }
    @media (max-width: 700px) {
      .main_ll.news .nbox {
        padding-top: 40px; } }
    .main_ll.news .nbox .video_box {
      margin-top: 50px;
      padding-bottom: 150px; }
      .main_ll.news .nbox .video_box ul li:nth-child(even) {
        float: right; }
      .main_ll.news .nbox .video_box ul li {
        float: left;
        width: 48.2%;
        background: #fff;
        height: auto;
        padding: 10px 10px 0 10px;
        box-shadow: 0 0 13px 5px #f3f3f3;
        box-sizing: border-box; }
        @media (min-width: 1024px) {
          .main_ll.news .nbox .video_box ul li {
            opacity: 0;
            transition: all 0.5s;
            transform: translateY(50px); }
            .main_ll.news .nbox .video_box ul li.animate {
              opacity: 1;
              transform: translateY(0px); }
            .main_ll.news .nbox .video_box ul li:hover .pic img {
              transform: scale(1.1); } }
        .main_ll.news .nbox .video_box ul li .pic {
          overflow: hidden;
          cursor: pointer;
          position: relative; }
          .main_ll.news .nbox .video_box ul li .pic video {
            display: block;
            width: 100%;
            height: 100%; }
          .main_ll.news .nbox .video_box ul li .pic .ico {
            width: 86px;
            height: 86px;
            position: absolute;
            background: url(../images/play.png) no-repeat;
            background-size: cover;
            left: 50%;
            margin-left: -43px;
            top: 50%;
            margin-top: -43px; }
          .main_ll.news .nbox .video_box ul li .pic img {
            width: 100%;
            transition: all 0.5s;
            height: auto; }
        .main_ll.news .nbox .video_box ul li .cont .cont_cen {
          padding-left: 24px;
          padding-right: 24px;
          padding-top: 20px;
          padding-bottom: 20px; }
          .main_ll.news .nbox .video_box ul li .cont .cont_cen .txt {
            float: left;
            font-size: 20px;
            line-height: 20px;
            color: #333;
            margin-top: 11px;
            font-weight: bold;
            border-left: 5px solid #0075c1;
            padding-left: 18px; }
          .main_ll.news .nbox .video_box ul li .cont .cont_cen .download {
            width: 42px;
            height: 42px;
            display: block;
            float: right;
            padding-right: 16px; }
            .main_ll.news .nbox .video_box ul li .cont .cont_cen .download img {
              width: 100%;
              height: auto; }
      @media (max-width: 1300px) {
        .main_ll.news .nbox .video_box {
          margin-top: 40px;
          padding-bottom: 120px; }
          .main_ll.news .nbox .video_box ul li {
            margin-bottom: 15px; }
            .main_ll.news .nbox .video_box ul li .pic .ico {
              width: 70px;
              height: 70px;
              background-size: cover;
              margin-left: -35px;
              margin-top: -35px; }
            .main_ll.news .nbox .video_box ul li .cont .cont_cen {
              padding: 15px; }
              .main_ll.news .nbox .video_box ul li .cont .cont_cen .txt {
                font-size: 16px;
                padding-left: 10px;
                line-height: 16px;
                margin-top: 11px; }
              .main_ll.news .nbox .video_box ul li .cont .cont_cen .download {
                width: 38px;
                height: 38px; } }
      @media (max-width: 1024px) {
        .main_ll.news .nbox .video_box {
          padding-bottom: 100px;
          margin-top: 30px; }
          .main_ll.news .nbox .video_box ul li .cont .cont_cen {
            padding: 10px; } }
      @media (max-width: 900px) {
        .main_ll.news .nbox .video_box {
          padding-bottom: 80px; } }
      @media (max-width: 650px) {
        .main_ll.news .nbox .video_box ul li {
          width: 100%;
          float: none; } }
      @media (max-width: 500px) {
        .main_ll.news .nbox .video_box {
          padding-bottom: 40px; } }
    .main_ll.news .nbox .news_box {
      margin: 50px auto 0 auto; }
      @media (min-width: 1024px) {
        .main_ll.news .nbox .news_box {
          opacity: 0;
          transition: all 0.5s;
          transform: translateY(50px); }
          .main_ll.news .nbox .news_box.animate {
            opacity: 1;
            transform: translateY(0px); } }
      .main_ll.news .nbox .news_box .slick-list {
        padding: 13px 0; }
        .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box {
          margin: 0 2%; }
          .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a {
            display: block;
            padding: 10px 10px 0 10px;
            background: #fff;
            box-shadow: 0 0 13px 5px #f3f3f3; }
            @media (min-width: 1024px) {
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a:hover .pic img {
                transform: scale(1.1); }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a:hover .cont .cont_cen .txt .t {
                color: #0075c1; } }
            .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .pic {
              overflow: hidden; }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .pic img {
                width: 100%;
                transition: all 0.5s;
                height: auto; }
            .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont {
              padding: 0 32px; }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen {
                padding: 20px 0;
                overflow: hidden; }
                .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt {
                  float: left;
                  width: 90%; }
                  .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt .t {
                    font-size: 20px;
                    color: #333;
                    line-height: 32px;
                    font-weight: bold;
                    transition: all 0.5s;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap; }
                  .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt .day {
                    font-size: 14px;
                    color: #999;
                    line-height: 22px; }
                .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .ico {
                  float: right;
                  width: 42px;
                  height: 42px;
                  background: url(../images/y.png) no-repeat;
                  background-size: cover;
                  margin-top: 5px; }
      @media (max-width: 1300px) {
        .main_ll.news .nbox .news_box {
          margin: 35px auto 0 auto; }
          .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box {
            margin: 0 2%; }
            .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont {
              padding: 0 20px; }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen {
                padding: 15px 0;
                overflow: hidden; }
                .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt {
                  width: 88%; }
                  .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt .t {
                    font-size: 16px;
                    line-height: 24px; }
                  .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt .day {
                    font-size: 14px; }
                .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .ico {
                  float: right;
                  width: 30px;
                  height: 30px;
                  margin-top: 7px; } }
      @media (max-width: 1024px) {
        .main_ll.news .nbox .news_box {
          margin: 20px auto 0 auto; }
          .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box {
            margin: 0 2%; }
            .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont {
              padding: 0 10px; }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen {
                padding: 10px 0;
                overflow: hidden; } }
      @media (max-width: 750px) {
        .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box {
          margin: 0 2%; }
          .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a {
            padding: 5px 5px 0 5px;
            box-shadow: 0 0 3px 5px #f3f3f3; }
            .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont {
              padding: 0 10px; }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .txt {
                width: 100%;
                float: none; }
              .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen .ico {
                float: right;
                margin-top: 5px;
                width: 24px;
                height: 24px; } }
      @media (max-width: 500px) {
        .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box {
          margin: 0 2%; }
          .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont {
            padding: 0 10px; }
            .main_ll.news .nbox .news_box .slick-list .slick-track .item .item_box a .cont .cont_cen {
              padding: 10px 0;
              overflow: hidden; } }
    .main_ll.news .nbox .news_list {
      margin-top: 80px;
      padding-bottom: 125px; }
      .main_ll.news .nbox .news_list ul li {
        width: 100%;
        height: 160px;
        overflow: hidden;
        margin-top: 30px; }
        @media (min-width: 1024px) {
          .main_ll.news .nbox .news_list ul li {
            opacity: 0;
            transition: all 0.5s;
            transform: translateY(50px); }
            .main_ll.news .nbox .news_list ul li.animate {
              opacity: 1;
              transform: translateY(0px); }
            .main_ll.news .nbox .news_list ul li:hover .pic img {
              transform: scale(1.1); } }
        .main_ll.news .nbox .news_list ul li a {
          height: 100%;
          background: #f8f8f8;
          display: block;
          transition: all 0.5s; }
          @media (min-width: 1024px) {
            .main_ll.news .nbox .news_list ul li a:hover {
              background: #0075c1; }
              .main_ll.news .nbox .news_list ul li a:hover .cont .t, .main_ll.news .nbox .news_list ul li a:hover .cont .txt {
                color: #fff; } }
          .main_ll.news .nbox .news_list ul li a .day {
            width: 12.7%;
            height: 160px;
            text-align: center;
            background: #0075c1;
            float: left; }
            .main_ll.news .nbox .news_list ul li a .day .tab {
              width: 100%;
              height: 100%;
              display: table; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell {
                display: table-cell;
                vertical-align: middle; }
                .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .date {
                  font-size: 90px;
                  color: #fff;
                  line-height: 90px;
                  font-family: 'impact'; }
                .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .year {
                  font-size: 20px;
                  color: #fff;
                  font-family: Arial;
                  line-height: 30px; }
          .main_ll.news .nbox .news_list ul li a .cont {
            width: 83.2%;
            float: right;
            padding-right: 3.9%;
            padding-top: 34px;
            box-sizing: border-box; }
            .main_ll.news .nbox .news_list ul li a .cont .t {
              font-size: 20px;
              color: #333;
              transition: all 0.5s;
              overflow: hidden;
              white-space: nowrap;
              text-overflow: ellipsis;
              font-weight: bold;
              line-height: 30px; }
            .main_ll.news .nbox .news_list ul li a .cont .txt {
              font-size: 14px;
              color: #666;
              transition: all 0.5s;
              line-height: 28px;
              height: 56px;
              overflow: hidden;
              padding-top: 13px; }
      .main_ll.news .nbox .news_list .page {
        text-align: center;
        padding-top: 80px; }
        @media (min-width: 1024px) {
          .main_ll.news .nbox .news_list .page {
            opacity: 0;
            transition: all 0.5s;
            transform: translateY(50px); }
            .main_ll.news .nbox .news_list .page.animate {
              opacity: 1;
              transform: translateY(0px); }
            .main_ll.news .nbox .news_list .page:hover .pic img {
              transform: scale(1.1); } }
        .main_ll.news .nbox .news_list .page a {
          height: 40px;
          font-size: 14px;
          color: #666;
          padding: 0 17px;
          line-height: 40px;
          display: inline-block;
          margin: 3px;
          background: #eee;
          transition: all 0.3s; }
          @media (min-width: 1024px) {
            .main_ll.news .nbox .news_list .page a:hover {
              color: #fff;
              background: #0175c2; } }
          .main_ll.news .nbox .news_list .page a.active {
            color: #fff;
            background: #0175c2; }
        @media (max-width: 1300px) {
          .main_ll.news .nbox .news_list .page {
            padding-top: 70px; } }
        @media (max-width: 1024px) {
          .main_ll.news .nbox .news_list .page {
            padding-top: 50px; }
            .main_ll.news .nbox .news_list .page a {
              padding: 0 15px; } }
        @media (max-width: 700px) {
          .main_ll.news .nbox .news_list .page {
            padding-top: 40px; }
            .main_ll.news .nbox .news_list .page a {
              padding: 0 10px;
              height: 30px;
              line-height: 30px; } }
      @media (max-width: 1300px) {
        .main_ll.news .nbox .news_list {
          margin-top: 120px;
          padding-bottom: 110px; }
          .main_ll.news .nbox .news_list ul li {
            height: 140px;
            margin-top: 20px; }
            .main_ll.news .nbox .news_list ul li a .day {
              width: 15%;
              height: 140px; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .date {
                font-size: 80px;
                line-height: 80px; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .year {
                font-size: 16px;
                line-height: 24px; }
            .main_ll.news .nbox .news_list ul li a .cont {
              padding-top: 29px; }
              .main_ll.news .nbox .news_list ul li a .cont .t {
                font-size: 16px;
                line-height: 24px; }
              .main_ll.news .nbox .news_list ul li a .cont .txt {
                font-size: 14px;
                line-height: 24px;
                padding-top: 8px;
                height: 48px; } }
      @media (max-width: 1024px) {
        .main_ll.news .nbox .news_list {
          margin-top: 90px;
          padding-bottom: 90px; }
          .main_ll.news .nbox .news_list ul li {
            height: 120px;
            margin-top: 20px; }
            .main_ll.news .nbox .news_list ul li a .day {
              width: 18%;
              height: 120px; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .date {
                font-size: 70px;
                line-height: 70px; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .year {
                font-size: 14px;
                line-height: 24px; }
            .main_ll.news .nbox .news_list ul li a .cont {
              padding-right: 2%;
              width: 80%;
              padding-top: 24px; }
              .main_ll.news .nbox .news_list ul li a .cont .t {
                font-size: 16px;
                line-height: 24px; }
              .main_ll.news .nbox .news_list ul li a .cont .txt {
                font-size: 14px;
                line-height: 24px;
                padding-top: 8px;
                height: 48px; } }
      @media (max-width: 650px) {
        .main_ll.news .nbox .news_list {
          margin-top: 70px;
          padding-bottom: 50px; }
          .main_ll.news .nbox .news_list ul li {
            height: 80px;
            margin-top: 15px;
            overflow: auto; }
            .main_ll.news .nbox .news_list ul li a .day {
              height: 80px; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .date {
                font-size: 50px;
                line-height: 50px; }
              .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .year {
                font-size: 14px;
                padding-top: 0;
                line-height: 22px; }
            .main_ll.news .nbox .news_list ul li a .cont {
              padding-top: 10px;
              padding-right: 5%;
              padding-left: 3%; }
              .main_ll.news .nbox .news_list ul li a .cont .t {
                font-size: 20px;
                line-height: 30px;
                height: 60px;
                overflow: hidden;
                white-space: normal; }
              .main_ll.news .nbox .news_list ul li a .cont .txt {
                display: none; } }
      @media (max-width: 500px) {
        .main_ll.news .nbox .news_list ul li a .day {
          width: 24%; }
          .main_ll.news .nbox .news_list ul li a .day .tab .tab_cell .date {
            font-size: 36px;
            line-height: 36px; }
        .main_ll.news .nbox .news_list ul li a .cont {
          width: 75%; }
          .main_ll.news .nbox .news_list ul li a .cont .t {
            font-size: 16px; } }
  @media (min-width: 1024px) {
    .main_ll.news .detail {
      transition: all 0.5s ease-in;
      transform: translateY(100px);
      opacity: 0; }
      .main_ll.news .detail.animate {
        opacity: 1;
        transform: translateY(0); } }
  .main_ll.news .detail .title2 {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 17px;
    padding-top: 35px;
    text-align: center; }
    .main_ll.news .detail .title2 .tit {
      font-size: 24px;
      color: #333;
      line-height: 36px; }
    .main_ll.news .detail .title2 .date {
      font-size: 12px;
      color: #999;
      line-height: 20px; }
  .main_ll.news .detail .content2 {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 30px;
    overflow: hidden;
    padding-top: 25px; }
    .main_ll.news .detail .content2 img {
      max-width: 100%; }
    .main_ll.news .detail .content2 p {
      font-size: 14px;
      color: #666;
      clear: both;
      margin: 0;
      line-height: 24px;
      padding: 8px 0; }
    .main_ll.news .detail .content2 video {
      display: block;
      width: 100%;
      height: 300px;
      margin: 10px 0; }
      @media (max-width: 500px) {
        .main_ll.news .detail .content2 video {
          height: 240px; } }
  .main_ll.news .detail .flip {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 70px; }
    .main_ll.news .detail .flip .txt {
      float: left; }
      .main_ll.news .detail .flip .txt a {
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: #999; }
        @media (min-width: 1024px) {
          .main_ll.news .detail .flip .txt a:hover {
            color: #0089e1; } }
        .main_ll.news .detail .flip .txt a span {
          color: #333; }
    .main_ll.news .detail .flip .fr {
      width: 95px;
      height: 35px;
      margin-top: 8px;
      border: 1px solid #999;
      font-size: 12px;
      color: #999;
      text-align: center;
      line-height: 35px;
      border-radius: 35px;
      transition: all 0.3s; }
      @media (min-width: 1024px) {
        .main_ll.news .detail .flip .fr:hover {
          background: #0089e1;
          color: #fff;
          border-color: #0089e1; } }
  @media (max-width: 1540px) {
    .main_ll.news .detail {
      width: 94%; } }
  @media (max-width: 1240px) {
    .main_ll.news .detail .title2 {
      padding-bottom: 13.6px;
      padding-top: 28px; }
      .main_ll.news .detail .title2 .tit {
        font-size: 24px; }
    .main_ll.news .detail .content2 {
      padding-bottom: 25px;
      padding-top: 20px; }
    .main_ll.news .detail .flip {
      width: 100%;
      padding-top: 25px;
      padding-bottom: 50px; } }
  @media (max-width: 1024px) {
    .main_ll.news .detail .title2 {
      padding-bottom: 10.2px;
      padding-top: 21px; }
      .main_ll.news .detail .title2 .tit {
        font-size: 16px; }
    .main_ll.news .detail .content2 {
      padding-bottom: 15px;
      padding-top: 15px; }
      .main_ll.news .detail .content2 p {
        font-size: 14px;
        line-height: 24px;
        padding: 5px 0; }
    .main_ll.news .detail .flip {
      width: 100%;
      padding-top: 15px;
      padding-bottom: 35px; }
      .main_ll.news .detail .flip .txt a {
        line-height: 20px; }
      .main_ll.news .detail .flip .fr {
        width: 76px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        border-radius: 28px; } }
  @media (max-width: 850px) {
    .main_ll.news .detail .title2 {
      padding-bottom: 10px;
      padding-top: 15px; }
      .main_ll.news .detail .title2 .tit {
        font-size: 16px;
        line-height: 28px; }
      .main_ll.news .detail .title2 .date {
        line-height: 18px; }
    .main_ll.news .detail .content2 {
      padding-bottom: 10px;
      padding-top: 10px; }
      .main_ll.news .detail .content2 p {
        font-size: 13px;
        line-height: 20px;
        padding: 5px 0; }
    .main_ll.news .detail .flip {
      width: 100%;
      padding-top: 15px;
      padding-bottom: 25px; }
      .main_ll.news .detail .flip .txt {
        width: 70%; }
        .main_ll.news .detail .flip .txt a {
          line-height: 20px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
      .main_ll.news .detail .flip .fr {
        width: 76px;
        height: 28px;
        font-size: 12px;
        line-height: 28px;
        border-radius: 28px; } }
  .main_ll.market .market_box {
    padding-top: 90px; }
    @media (max-width: 1300px) {
      .main_ll.market .market_box {
        padding-top: 70px; } }
    @media (max-width: 1024px) {
      .main_ll.market .market_box {
        padding-top: 50px; } }
    @media (max-width: 700px) {
      .main_ll.market .market_box {
        padding-top: 40px; } }
    .main_ll.market .market_box .market {
      padding-bottom: 150px; }
      .main_ll.market .market_box .market .pic_box {
        width: 100%;
        margin-top: 50px;
        box-sizing: border-box; }
        @media (min-width: 1024px) {
          .main_ll.market .market_box .market .pic_box {
            opacity: 0;
            transform: translateY(50px);
            transition: all 0.5s;
            transform-origin: bottom center; }
            .main_ll.market .market_box .market .pic_box.animate {
              transform: translateY(0);
              opacity: 1; } }
        .main_ll.market .market_box .market .pic_box img {
          max-width: 100%;
          height: auto; }
        .main_ll.market .market_box .market .pic_box p {
          font-size: 14px;
          line-height: 24px;
          color: #666; }
      @media (max-width: 1300px) {
        .main_ll.market .market_box .market {
          padding-bottom: 120px; }
          .main_ll.market .market_box .market .pic_box {
            margin-top: 40px; } }
      @media (max-width: 1024px) {
        .main_ll.market .market_box .market {
          padding-bottom: 100px; }
          .main_ll.market .market_box .market .pic_box {
            border: none;
            margin-top: 30px; } }
      @media (max-width: 850px) {
        .main_ll.market .market_box .market {
          padding-bottom: 80px; } }
      @media (max-width: 500px) {
        .main_ll.market .market_box .market {
          padding-bottom: 45px; } }
    @media (min-width: 1024px) {
      .main_ll.market .market_box .engineering {
        opacity: 0;
        transform: translateY(50px);
        transition: all 0.5s; }
        .main_ll.market .market_box .engineering.animate {
          opacity: 1;
          transform: translateY(0px); } }
    .main_ll.market .market_box .engineering .title {
      border-bottom: 1px solid #e1e1e1;
      padding-bottom: 20px;
      margin-top: 110px; }
      .main_ll.market .market_box .engineering .title .tit {
        float: none; }
        .main_ll.market .market_box .engineering .title .tit .num {
          display: inline-block;
          font-size: 60px;
          font-family: 'impact';
          line-height: 60px;
          color: #cecece;
          margin-right: 15px; }
        .main_ll.market .market_box .engineering .title .tit .txt {
          font-size: 24px;
          color: #333;
          font-weight: bold;
          display: inline-block;
          vertical-align: bottom;
          line-height: 40px;
          padding-bottom: 7px; }
      .main_ll.market .market_box .engineering .title .txt_box {
        width: 100%;
        float: none;
        height: auto;
        padding-top: 15px; }
        .main_ll.market .market_box .engineering .title .txt_box .tab {
          width: 100%;
          margin-top: 3px;
          display: block; }
          .main_ll.market .market_box .engineering .title .txt_box .tab .tab_cell {
            display: block;
            font-size: 14px;
            color: #666;
            line-height: 24px; }
    .main_ll.market .market_box .engineering .pic_box {
      width: 100%;
      margin-top: 25px; }
      .main_ll.market .market_box .engineering .pic_box img {
        max-width: 100%; }
    .main_ll.market .market_box .engineering .txt {
      font-size: 14px;
      color: #333;
      line-height: 24px;
      padding-top: 50px; }
      @media (max-width: 1024px) {
        .main_ll.market .market_box .engineering .txt {
          padding-top: 20px; } }
    .main_ll.market .market_box .engineering .engineering_pic {
      margin-top: 40px;
      position: relative; }
      .main_ll.market .market_box .engineering .engineering_pic .box {
        height: 500px;
        border: 1px solid  #e1e1e1;
        box-sizing: border-box;
        width: 100%;
        overflow: hidden;
        position: relative; }
        .main_ll.market .market_box .engineering .engineering_pic .box > div {
          display: block;
          position: absolute;
          opacity: 0;
          width: 100%;
          height: 100%;
          filter: alpha(opacity=0);
          z-index: 1;
          transition: all 0.5s; }
          .main_ll.market .market_box .engineering .engineering_pic .box > div video {
            width: 100%;
            height: 100%;
            display: block; }
          .main_ll.market .market_box .engineering .engineering_pic .box > div.show {
            opacity: 1;
            filter: alpha(opacity=100);
            z-index: 10; }
          .main_ll.market .market_box .engineering .engineering_pic .box > div a {
            display: block;
            width: 100%;
            position: absolute;
            height: auto;
            opacity: 0;
            transition: all 0.5s;
            z-index: 1;
            filter: alpha(opacity=0); }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a.show {
              z-index: 10;
              opacity: 1;
              filter: alpha(opacity=100); }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a img {
              width: 100%;
              height: auto; }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a figure {
              width: 100%;
              height: auto;
              background: rgba(0, 0, 0, 0.8);
              position: absolute;
              left: 0;
              bottom: 50px;
              padding: 14px 22px;
              box-sizing: border-box; }
              .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box {
                padding-right: 50px; }
                .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box .t {
                  font-size: 22px;
                  color: #fff;
                  line-height: 30px;
                  font-weight: bold; }
                .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box .txt {
                  font-size: 14px;
                  color: #fff;
                  line-height: 24px;
                  color: #fff;
                  padding-top: 5px; }
              .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .zoom {
                width: 36px;
                height: 38px;
                background: url(../images/zoom.png) no-repeat center center;
                cursor: pointer;
                position: absolute;
                right: 22px;
                top: 50%;
                margin-top: -19px;
                z-index: 100; }
    .main_ll.market .market_box .engineering .control {
      margin-top: 20px;
      padding-right: 14px;
      overflow: hidden; }
      .main_ll.market .market_box .engineering .control .jb {
        float: left;
        text-align: left;
        padding-top: 20px; }
        .main_ll.market .market_box .engineering .control .jb a {
          width: 12px;
          margin: 0 5px;
          height: 12px;
          display: inline-block;
          background: #ddd;
          border-radius: 50%; }
          .main_ll.market .market_box .engineering .control .jb a.cur {
            background: #009ec1; }
      .main_ll.market .market_box .engineering .control > a {
        width: 130px;
        height: 36px;
        display: inline-block;
        border-radius: 36px;
        background: #0075c1;
        float: right;
        text-align: center; }
        .main_ll.market .market_box .engineering .control > a.read .ico {
          background: url(../images/zoom.png) no-repeat;
          background-size: cover; }
        .main_ll.market .market_box .engineering .control > a.download {
          background: #009ec1; }
          .main_ll.market .market_box .engineering .control > a.download .ico {
            width: 15px;
            height: 18px;
            background: url(../images/download.png) no-repeat;
            background-size: cover; }
        .main_ll.market .market_box .engineering .control > a .ico {
          display: inline-block;
          width: 18px;
          height: 19px;
          margin: 0 2px;
          vertical-align: middle; }
        .main_ll.market .market_box .engineering .control > a .txt {
          font-size: 14px;
          color: #fff;
          margin: 0 2px;
          line-height: 36px;
          display: inline-block;
          vertical-align: middle; }
    .main_ll.market .market_box .engineering .content {
      padding-top: 70px;
      padding-bottom: 123px; }
      .main_ll.market .market_box .engineering .content > .t {
        font-size: 40px;
        color: #0075c1;
        line-height: 50px;
        font-weight: bold;
        text-align: center; }
      .main_ll.market .market_box .engineering .content .con_box {
        margin-top: 60px; }
        .main_ll.market .market_box .engineering .content .con_box .tu {
          width: 100%;
          text-align: center; }
          .main_ll.market .market_box .engineering .content .con_box .tu img {
            max-width: 100%;
            height: auto; }
    @media (max-width: 1300px) {
      .main_ll.market .market_box .engineering .title {
        margin-top: 90px;
        padding-bottom: 10px; }
        .main_ll.market .market_box .engineering .title .tit .num {
          font-size: 50px;
          line-height: 50px; }
        .main_ll.market .market_box .engineering .title .tit .txt {
          font-size: 20px;
          padding-bottom: 5px; }
        .main_ll.market .market_box .engineering .title .txt_box {
          line-height: 22px; }
      .main_ll.market .market_box .engineering .engineering_pic {
        margin-top: 30px; }
        .main_ll.market .market_box .engineering .engineering_pic .box {
          height: 400px; }
          .main_ll.market .market_box .engineering .engineering_pic .box > div a figure {
            padding: 10px 15px; }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box {
              padding-right: 50px; }
              .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box .t {
                font-size: 18px;
                line-height: 24px; }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .zoom {
              width: 30px;
              height: 32px;
              background-size: cover;
              right: 15px;
              margin-top: -16px; }
      .main_ll.market .market_box .engineering .control {
        padding-right: 0;
        margin-top: 15px; }
      .main_ll.market .market_box .engineering .content {
        padding-top: 60px;
        padding-bottom: 110px; }
        .main_ll.market .market_box .engineering .content .t {
          font-size: 36px; }
        .main_ll.market .market_box .engineering .content .con_box {
          margin-top: 50px; }
          .main_ll.market .market_box .engineering .content .con_box .txt_l {
            width: 45%; }
            .main_ll.market .market_box .engineering .content .con_box .txt_l .con {
              padding-top: 25px; }
          .main_ll.market .market_box .engineering .content .con_box .tu {
            margin-right: 0; } }
    @media (max-width: 1024px) {
      .main_ll.market .market_box .engineering .title {
        margin-top: 70px;
        padding-bottom: 10px;
        overflow: hidden; }
        .main_ll.market .market_box .engineering .title .tit {
          width: 100%;
          float: none; }
          .main_ll.market .market_box .engineering .title .tit .num {
            font-size: 40px;
            line-height: 40px;
            margin-right: 5px; }
          .main_ll.market .market_box .engineering .title .tit .txt {
            font-size: 16px;
            line-height: 24px;
            padding-bottom: 5px; }
        .main_ll.market .market_box .engineering .title .txt_box {
          width: 100%;
          float: none;
          height: auto; }
          .main_ll.market .market_box .engineering .title .txt_box .tab {
            display: block; }
            .main_ll.market .market_box .engineering .title .txt_box .tab .tab_cell {
              display: block;
              height: auto; }
      .main_ll.market .market_box .engineering .engineering_pic {
        margin-top: 25px; }
        .main_ll.market .market_box .engineering .engineering_pic .box {
          height: 300px; }
          .main_ll.market .market_box .engineering .engineering_pic .box > div a figure {
            padding: 10px; }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box {
              padding-right: 40px; }
              .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box .t {
                font-size: 16px;
                line-height: 20px; }
              .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box .txt {
                font-size: 13px;
                line-height: 18px;
                height: 36px;
                overflow: hidden; }
            .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .zoom {
              width: 22px;
              height: 23px;
              background-size: cover;
              right: 10px;
              margin-top: -12px; }
      .main_ll.market .market_box .engineering .control .jb {
        padding-top: 5px; }
        .main_ll.market .market_box .engineering .control .jb a {
          width: 10px;
          height: 10px; }
      .main_ll.market .market_box .engineering .content {
        padding-top: 50px;
        padding-bottom: 90px; }
        .main_ll.market .market_box .engineering .content .t {
          font-size: 30px; }
        .main_ll.market .market_box .engineering .content .con_box {
          margin-top: 40px; } }
    @media (max-width: 850px) {
      .main_ll.market .market_box .engineering .title {
        margin-top: 40px; }
      .main_ll.market .market_box .engineering .engineering_pic {
        margin-top: 25px; }
      .main_ll.market .market_box .engineering .control a {
        width: 100px;
        height: 30px; }
        .main_ll.market .market_box .engineering .control a .txt {
          font-size: 14px;
          line-height: 30px; }
      .main_ll.market .market_box .engineering .content {
        padding-top: 30px;
        padding-bottom: 50px; }
        .main_ll.market .market_box .engineering .content .t {
          font-size: 30px;
          line-height: 40px; }
        .main_ll.market .market_box .engineering .content .con_box {
          margin-top: 10px; }
          .main_ll.market .market_box .engineering .content .con_box .tu {
            width: 100%;
            float: none;
            margin-top: 15px;
            margin-right: 0; } }
    @media (max-width: 500px) {
      .main_ll.market .market_box .engineering .engineering_pic .box {
        height: 200px; }
        .main_ll.market .market_box .engineering .engineering_pic .box > div a figure .txt_box .txt {
          display: none; } }
    .main_ll.market .market_box .pay_box {
      margin-top: 50px;
      width: 100%;
      padding: 100px 0;
      background: #f8f8f8; }
      @media (min-width: 1024px) {
        .main_ll.market .market_box .pay_box {
          opacity: 0;
          transform: translateY(50px);
          transition: all 0.5s; }
          .main_ll.market .market_box .pay_box.animate {
            opacity: 1;
            transform: translateY(0px); } }
      .main_ll.market .market_box .pay_box .slick_box {
        width: 44%;
        height: auto;
        float: left;
        margin-bottom: 0; }
        .main_ll.market .market_box .pay_box .slick_box .slick-prev {
          width: 40px;
          height: 72px;
          background: url(../images/left.png) no-repeat center center rgba(0, 0, 0, 0.6);
          left: 0 !important;
          top: 50%;
          transition: all 0.3s;
          margin-top: -36px; }
          @media (min-width: 1024px) {
            .main_ll.market .market_box .pay_box .slick_box .slick-prev:hover {
              background: url(../images/left.png) no-repeat center center rgba(0, 0, 0, 0.8); } }
        .main_ll.market .market_box .pay_box .slick_box .slick-next {
          width: 40px;
          height: 72px;
          background: url(../images/right.png) no-repeat center center rgba(0, 0, 0, 0.6);
          right: 0 !important;
          top: 50%;
          margin-top: -36px;
          transition: all 0.3s; }
          @media (min-width: 1024px) {
            .main_ll.market .market_box .pay_box .slick_box .slick-next:hover {
              background: url(../images/right.png) no-repeat center center rgba(0, 0, 0, 0.8); } }
        .main_ll.market .market_box .pay_box .slick_box .slick-list .slick-track .item {
          margin-bottom: 0;
          overflow: hidden; }
          .main_ll.market .market_box .pay_box .slick_box .slick-list .slick-track .item img {
            width: 100%;
            height: auto; }
      .main_ll.market .market_box .pay_box .guarantee {
        width: 51.2%;
        float: right; }
        .main_ll.market .market_box .pay_box .guarantee .tit {
          border-bottom: 1px solid #e1e1e1;
          padding-bottom: 20px;
          padding-top: 10px; }
          .main_ll.market .market_box .pay_box .guarantee .tit .num {
            display: inline-block;
            font-size: 60px;
            font-family: 'impact';
            line-height: 60px;
            color: #cecece;
            margin-right: 15px; }
          .main_ll.market .market_box .pay_box .guarantee .tit .txt {
            font-size: 24px;
            color: #333;
            font-weight: bold;
            display: inline-block;
            vertical-align: bottom;
            line-height: 40px;
            padding-bottom: 7px; }
        .main_ll.market .market_box .pay_box .guarantee .scroll {
          height: 300px;
          margin-top: 40px; }
          .main_ll.market .market_box .pay_box .guarantee .scroll .con {
            font-size: 14px;
            color: #666;
            line-height: 28px; }
            .main_ll.market .market_box .pay_box .guarantee .scroll .con p {
              padding-bottom: 20px; }
      @media (max-width: 1300px) {
        .main_ll.market .market_box .pay_box {
          margin-top: 40px;
          padding: 85px 0; }
          .main_ll.market .market_box .pay_box .slick_box .slick-next, .main_ll.market .market_box .pay_box .slick_box .slick-prev {
            width: 40px;
            height: 60px;
            margin-top: -30px; }
          .main_ll.market .market_box .pay_box .guarantee .tit {
            padding-bottom: 10px; }
            .main_ll.market .market_box .pay_box .guarantee .tit .num {
              font-size: 50px;
              line-height: 50px; }
            .main_ll.market .market_box .pay_box .guarantee .tit .txt {
              font-size: 20px;
              padding-bottom: 5px; }
          .main_ll.market .market_box .pay_box .guarantee .scroll {
            margin-top: 25px; }
            .main_ll.market .market_box .pay_box .guarantee .scroll .con {
              font-size: 14px;
              line-height: 24px; }
              .main_ll.market .market_box .pay_box .guarantee .scroll .con p {
                padding-bottom: 10px; } }
      @media (max-width: 1024px) {
        .main_ll.market .market_box .pay_box {
          margin-top: 30px;
          padding: 65px 0; }
          .main_ll.market .market_box .pay_box .slick_box {
            width: 50%; }
          .main_ll.market .market_box .pay_box .guarantee {
            width: 47%;
            float: right; }
            .main_ll.market .market_box .pay_box .guarantee .tit {
              padding-top: 5px;
              padding-bottom: 10px; }
              .main_ll.market .market_box .pay_box .guarantee .tit .num {
                font-size: 40px;
                line-height: 40px;
                margin-right: 5px; }
              .main_ll.market .market_box .pay_box .guarantee .tit .txt {
                font-size: 16px;
                line-height: 24px;
                padding-bottom: 5px; }
            .main_ll.market .market_box .pay_box .guarantee .scroll {
              margin-top: 10px; }
              .main_ll.market .market_box .pay_box .guarantee .scroll .con {
                font-size: 14px;
                line-height: 24px; }
                .main_ll.market .market_box .pay_box .guarantee .scroll .con p {
                  padding-bottom: 10px; } }
      @media (max-width: 850px) {
        .main_ll.market .market_box .pay_box {
          padding: 40px 0; }
          .main_ll.market .market_box .pay_box .slick_box {
            width: 100%;
            height: auto;
            float: none; }
            .main_ll.market .market_box .pay_box .slick_box .slick-next, .main_ll.market .market_box .pay_box .slick_box .slick-prev {
              width: 30px;
              height: 50px;
              margin-top: -25px; }
          .main_ll.market .market_box .pay_box .guarantee {
            width: 100%;
            float: none;
            margin-top: 15px; }
            .main_ll.market .market_box .pay_box .guarantee .scroll {
              margin-top: 15px; } }
    .main_ll.market .market_box .search_box {
      margin-top: 25px;
      padding-bottom: 90px; }
      .main_ll.market .market_box .search_box ul {
        width: 110%; }
        .main_ll.market .market_box .search_box ul li {
          float: left;
          width: 28.78%;
          height: auto;
          margin-right: 2.4%;
          margin-top: 2.4%;
          background: #fff; }
          @media (min-width: 1024px) {
            .main_ll.market .market_box .search_box ul li {
              opacity: 0;
              transition: all 0.5s;
              transform: translateY(50px); }
              .main_ll.market .market_box .search_box ul li.animate {
                opacity: 1;
                transform: translateY(0px); }
              .main_ll.market .market_box .search_box ul li:hover .pic img {
                transform: scale(1.1); } }
          .main_ll.market .market_box .search_box ul li a {
            display: block; }
            @media (min-width: 1024px) {
              .main_ll.market .market_box .search_box ul li a:hover .pbox .wbox {
                opacity: 1;
                transform: translateY(0); }
              .main_ll.market .market_box .search_box ul li a:hover .txt {
                opacity: 0;
                color: #fff;
                transform: translateY(-100px); } }
            .main_ll.market .market_box .search_box ul li a .pbox {
              width: 100%;
              height: 380px;
              text-align: center;
              box-shadow: 0 0 10px 4px #f3f3f3;
              line-height: 380px;
              position: relative;
              overflow: hidden; }
              .main_ll.market .market_box .search_box ul li a .pbox .wbox {
                position: absolute;
                left: 0;
                top: 0;
                width: 100%;
                transform: translateY(100%);
                padding: 0 10px;
                box-sizing: border-box;
                height: 100%;
                opacity: 0;
                z-index: 200;
                transition: all 0.5s;
                background: rgba(0, 137, 225, 0.8); }
                .main_ll.market .market_box .search_box ul li a .pbox .wbox .tab {
                  width: 100%;
                  height: 100%;
                  display: table; }
                  .main_ll.market .market_box .search_box ul li a .pbox .wbox .tab .tab_cell {
                    vertical-align: middle;
                    display: table-cell;
                    font-size: 32px;
                    color: #fff;
                    font-weight: bold;
                    text-align: center;
                    line-height: 40px; }
              .main_ll.market .market_box .search_box ul li a .pbox img {
                display: inline-block;
                max-width: 80%;
                max-height: 80%; }
            .main_ll.market .market_box .search_box ul li a .txt {
              font-size: 24px;
              color: #333;
              padding-top: 25px;
              white-space: nowrap;
              text-overflow: ellipsis;
              overflow: hidden;
              line-height: 30px;
              transition: all 0.5s;
              font-weight: bold;
              text-align: center; }
      .main_ll.market .market_box .search_box .page {
        text-align: center;
        padding-top: 80px; }
        @media (min-width: 1024px) {
          .main_ll.market .market_box .search_box .page {
            opacity: 0;
            transition: all 0.5s;
            transform: translateY(50px); }
            .main_ll.market .market_box .search_box .page.animate {
              opacity: 1;
              transform: translateY(0px); }
            .main_ll.market .market_box .search_box .page:hover .pic img {
              transform: scale(1.1); } }
        .main_ll.market .market_box .search_box .page a {
          height: 40px;
          font-size: 14px;
          color: #666;
          padding: 0 17px;
          line-height: 40px;
          display: inline-block;
          margin: 3px;
          background: #eee;
          transition: all 0.3s; }
          @media (min-width: 1024px) {
            .main_ll.market .market_box .search_box .page a:hover {
              color: #fff;
              background: #0175c2; } }
          .main_ll.market .market_box .search_box .page a.active {
            color: #fff;
            background: #0175c2; }
        @media (max-width: 1300px) {
          .main_ll.market .market_box .search_box .page {
            padding-top: 70px; } }
        @media (max-width: 1024px) {
          .main_ll.market .market_box .search_box .page {
            padding-top: 50px; }
            .main_ll.market .market_box .search_box .page a {
              padding: 0 15px; } }
        @media (max-width: 700px) {
          .main_ll.market .market_box .search_box .page {
            padding-top: 40px; }
            .main_ll.market .market_box .search_box .page a {
              padding: 0 10px;
              height: 30px;
              line-height: 30px; } }
      @media (max-width: 1300px) {
        .main_ll.market .market_box .search_box {
          margin-top: 30px;
          padding-bottom: 80px; }
          .main_ll.market .market_box .search_box ul li a .pbox .wbox .tab .tab_cell {
            font-size: 28px;
            line-height: 36px; }
          .main_ll.market .market_box .search_box ul li a .txt {
            font-size: 20px;
            line-height: 24px;
            padding-top: 20px; } }
      @media (max-width: 1024px) {
        .main_ll.market .market_box .search_box ul li a .txt {
          font-size: 16px;
          padding-top: 10px; } }
      @media (max-width: 850px) {
        .main_ll.market .market_box .search_box {
          padding-bottom: 60px;
          margin-top: 15px; }
          .main_ll.market .market_box .search_box ul {
            width: 100%; }
            .main_ll.market .market_box .search_box ul li:nth-child(even) {
              float: right; }
            .main_ll.market .market_box .search_box ul li {
              width: 48%;
              margin-right: 0;
              margin-top: 15px; } }
  .main_ll.product .pbox {
    padding-top: 90px; }
    @media (max-width: 1300px) {
      .main_ll.product .pbox {
        padding-top: 75px; } }
    @media (max-width: 1024px) {
      .main_ll.product .pbox {
        padding-top: 50px; } }
    @media (max-width: 700px) {
      .main_ll.product .pbox {
        padding-top: 40px; } }
    @media (max-width: 500px) {
      .main_ll.product .pbox {
        padding-top: 40px; } }
  .main_ll.product .box {
    background: #f8f8f8;
    padding: 100px 0;
    margin-top: 55px; }
    .main_ll.product .box .box_cen {
      position: relative; }
      .main_ll.product .box .box_cen .tu {
        width: 70.8%;
        overflow: hidden; }
        .main_ll.product .box .box_cen .tu img {
          width: 100%;
          height: auto; }
      .main_ll.product .box .box_cen .txt_box {
        position: absolute;
        width: 43.33%;
        right: 0;
        padding: 0 6.25%;
        box-sizing: border-box;
        top: 50%;
        background: #fff; }
        .main_ll.product .box .box_cen .txt_box .txt {
          padding-top: 69px;
          padding-bottom: 100px; }
          .main_ll.product .box .box_cen .txt_box .txt .t {
            font-size: 24px;
            color: #0075c1;
            line-height: 30px;
            font-weight: bold; }
          .main_ll.product .box .box_cen .txt_box .txt .cont {
            padding-top: 33px;
            font-size: 16px;
            line-height: 32px;
            color: #555; }
    @media (max-width: 1300px) {
      .main_ll.product .box {
        margin-top: 40px;
        padding: 85px 0; }
        .main_ll.product .box .box_cen .txt_box {
          padding: 0 5%; }
          .main_ll.product .box .box_cen .txt_box .txt {
            padding-top: 55px;
            padding-bottom: 85px; }
            .main_ll.product .box .box_cen .txt_box .txt .t {
              font-size: 20px;
              line-height: 24px; }
            .main_ll.product .box .box_cen .txt_box .txt .cont {
              font-size: 14px;
              line-height: 24px;
              padding-top: 25px; } }
    @media (max-width: 1024px) {
      .main_ll.product .box {
        padding: 65px 0;
        margin-top: 30px; }
        .main_ll.product .box .box_cen .txt_box {
          padding: 0 3.5%; }
          .main_ll.product .box .box_cen .txt_box .txt {
            padding-top: 30px;
            padding-bottom: 45px; }
            .main_ll.product .box .box_cen .txt_box .txt .t {
              font-size: 18px;
              line-height: 24px; }
            .main_ll.product .box .box_cen .txt_box .txt .cont {
              padding-top: 15px; } }
    @media (max-width: 800px) {
      .main_ll.product .box {
        padding: 40px 0; }
        .main_ll.product .box .box_cen .tu {
          width: 100%;
          height: auto;
          float: none; }
        .main_ll.product .box .box_cen .txt_box {
          position: static;
          width: 100%;
          margin-top: 0 !important; }
          .main_ll.product .box .box_cen .txt_box .txt {
            padding-top: 20px;
            padding-bottom: 25px; } }
  .main_ll.product .pic_box {
    padding-top: 130px;
    padding-bottom: 170px; }
    .main_ll.product .pic_box img {
      max-width: 100%; }
    @media (max-width: 1300px) {
      .main_ll.product .pic_box {
        padding-top: 110px;
        padding-bottom: 150px; } }
    @media (max-width: 1024px) {
      .main_ll.product .pic_box {
        padding-top: 80px;
        padding-bottom: 90px; } }
    @media (max-width: 850px) {
      .main_ll.product .pic_box {
        padding-top: 40px;
        padding-bottom: 50px; } }
  .main_ll ::-webkit-input-placeholder {
    color: #666 !important; }
  .main_ll :-moz-placeholder {
    color: #666 !important; }
  .main_ll ::-moz-placeholder {
    color: #666 !important; }
  .main_ll :-ms-input-placeholder {
    color: #666 !important; }
  .main_ll .mCSB_draggerRail {
    width: 4px !important;
    background: #e1e1e1 !important; }
  .main_ll .mCSB_dragger_bar {
    background: #0075c1 !important; }
/*# sourceMappingURL=style_ll.css.map */